Maison > Article > interface Web > Explication détaillée des étapes permettant à JS de charger jquery.js

Explication détaillée des étapes permettant à JS de charger jquery.js

php中世界最好的语言original: 2018-05-07 17:01:301807parcourir

Cette fois, je vais vous apporter une explication détaillée des étapes de chargement de jquery.js en JS Quelles sont les précautions pour charger jquery.js en JS Voici un cas pratique, prenons un. regarder.

Il y a une demande récemment :

1. Un seul fichier JS peut être introduit dans un code HTML, et aucun code JS ou autre fichier JS ne peut être introduit ; .Ce JS D'autres fichiers JS doivent être introduits dans le fichier ;

3. Toutes les fonctions JS sont écrites dans ce fichier JS. Ces codes utilisent des éléments liés à jquery, donc la première chose à résoudre ici est. comment introduire jquery js.

J'ai cherché

en ligne

et de nombreuses méthodes n'étaient pas très pratiques. Comme j'ai été éloigné du WEB pendant de nombreuses années, j'ai finalement demandé à un ami et j'ai obtenu le code suivant : .

1.js

// by firefoxmmx 
var script=document.createElement("script"); 
script.type="text/javascript"; 
script.src="jquery.js"; 
document.getElementsByTagName('head')[0].appendChild(script); 
setTimeout(function(){ 
$(document).ready(function(){ 
 $("#bt").click(function(){ 
  alert('Hello World'); 
 }); 
}); 
},100);

Le code 1.html est le suivant :

Si vous souhaitez tester , vous devez ajouter jquery.js, qui peut être téléchargé par vous-même

<html> 
<head> 
 <script type="text/javascript" src="1.js"></script> 
</head> 
<body> 
<input type="button" id="bt" value="Click" /> 
</body> 
</html>

L'effet de cliquer sur le bouton après l'exécution est le suivant :

Vous trouverez ci-dessous quelques méthodes sur Internet :

1. Directement document.write

2. Changez dynamiquement l'attribut src d'un script existant

<script language="javascript">
 document.write("<script src=&#39;test.js&#39;><\/script>");
</script>

3. Créez dynamiquement des éléments de script

<script src=&#39;&#39; id="s1"></script>
<script language="javascript">
 s1.src="test.js"
</script>

Je crois que vous avez lu cet article. Vous maîtrisez la méthode des cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le chinois php. site web!

<script>
 var oHead = document.getElementsByTagName('HEAD').item(0);
 var oScript= document.createElement("script");
 oScript.type = "text/javascript";
 oScript.src="test.js";
 oHead.appendChild( oScript);
</script>

Lecture recommandée :

Cela indique l'utilisation de call et apply

Lorsque webpack+myproject construit le projet, l'adresse IP ne peut pas accéder à l'application. Comment gérer

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Explication détaillée des nombres générés aléatoirement et des méthodes de séquence JSArticle suivant：Explication détaillée des nombres générés aléatoirement et des méthodes de séquence JS

Articles Liés

Voir plus