Comment puis-je lier un fichier JavaScript à un fichier HTML?
Comment lier correctement un fichier JavaScript à un document HTML?
Deuxièmement, comment utilisez-vous jQuery dans un fichier JavaScript?
5 réponses
Vous devez d'abord télécharger la bibliothèque JQuery depuis http://jquery.com / alors chargez la bibliothèque jquery de la manière suivante dans vos balises HTML head
Ensuite, vous pouvez tester si le jquery fonctionne en codant votre code jQuery après le script de chargement 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>
Si vous voulez utiliser votre fichier de scripts jQuery séparément, vous devez définir l'externe .fichier js de cette façon après le chargement de la bibliothèque jquery.
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script src="js/YourExternalJQueryScripts.js"></script>
Voici comment vous liez un fichier JS en HTML
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
- tag est utilisé pour définir un script côté client, comme un JavaScript.
type
- spécifiez le type du script
src
- nom et chemin du fichier de script
Vous pouvez ajouter des balises de script dans votre document HTML, idéalement dans le qui pointe vers vos fichiers javascript. Ordre des balises de script sont importants. Chargez le jQuery avant vos fichiers de script si vous souhaitez utiliser jQuery à partir de votre 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>
Ensuite, dans votre fichier javascript, vous pouvez vous référer à jQuery soit en utilisant $
signe ou jQuery
.
Exemple:
jQuery.each(arr, function(i) { console.log(i); });
Pour inclure un fichier Javascript externe, utilisez la balise <script>
. L'attribut src
pointe vers l'emplacement de votre fichier Javascript dans votre projet web.
<script src="some.js" type="text/javascript"></script>
JQuery est simplement un fichier Javascript, donc si vous téléchargez une copie du fichier, vous pouvez l'inclure dans votre page en utilisant une balise de script. Vous pouvez également inclure Jquery à partir d'un réseau de distribution de contenu tel que celui hébergé par Google.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
Ici vous avez unHTML5 valide exemple de document
<!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>
Vous utilisez jquery par $
personnage. Mettez les bibliothèques (comme jquery) dans <head>
tag-mais votre script met toujours au bas du document (<body>
tag) - en raison de cela, vous serez sûr que toutes les bibliothèques et le document html seront chargés lorsque l'exécution de votre script commencera. Vous pouvez également utiliser l'attribut src
dans la balise de script inférieure pour inclure votre fichier de script au lieu de mettre du code JS direct comme ci-dessus.