Como posso ligar um ficheiro JavaScript a um ficheiro HTML?
Como é que se liga correctamente um ficheiro JavaScript a um documento HTML?
em segundo lugar, como é que se usa o jQuery dentro de um ficheiro JavaScript?
5 answers
Primeiro você precisa baixar a biblioteca JQuery de http://jquery.com/ então carregue a biblioteca jquery da seguinte forma dentro das suas marcas de html
Depois pode testar se o jquery está a funcionar codificando o seu código jquery após o programa de carregamento jquery
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
alert("My First Jquery Test");
});
</script>
</head>
<body></body>
</html>
Se quiser usar o seu ficheiro jquery scripts de forma independente, tem de definir o externo .js file this way after the jQuery library loading.
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script src="js/YourExternalJQueryScripts.js"></script>
É assim que se liga um ficheiro JS ao HTML
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script> - tag é usado para definir um script do lado do cliente, como um JavaScript.
type - indique o tipo do programa
src - Nome e localização do ficheiro do programa
Você pode adicionar marcas de script no seu documento HTML, idealmente dentro do que aponta para os seus ficheiros javascript. A ordem das etiquetas do script é importante. Carregue o jQuery antes dos ficheiros do seu script se quiser usar o jQuery do seu script.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="relative/path/to/your/javascript.js"></script>
Então, no seu ficheiro javascript, poderá referir-se ao jQuery usando o sinal $ ou jQuery.
Exemplo:
jQuery.each(arr, function(i) { console.log(i); });
Para incluir um ficheiro de Javascript externo, você usa a marca <script>. O atributo src aponta para a localização do seu ficheiro Javascript dentro do seu projecto web.
<script src="some.js" type="text/javascript"></script>
O JQuery é simplesmente um ficheiro Javascript, por isso, se descarregar uma cópia do ficheiro, poderá incluí-la na sua página, usando uma marca de script. Você também pode incluir Jquery de uma rede de distribuição de conteúdo como a hospedada pelo Google.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
Aqui tem algum html5 válido documento de exemplo
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>
<body>
<div>Im the content</div>
<script>
alert( $('div').text() ); // show message with div content
</script>
</body>
</html>
Usa jquery por $ charater. Coloque as bibliotecas (como o jquery) na marca <head> - mas o seu programa coloca todas as formas no fundo do documento (<body> tag) - devido a isto, terá a certeza de que todas as bibliotecas e documentos html serão carregados quando a execução do seu programa começar. Você também pode usar o atributo src na marca de script inferior para incluir o seu ficheiro de script em vez de colocar o código js directo como em cima.