Maison >interface Web >js tutoriel >Explication détaillée de la méthode de chargement de jquery.js dans JS

Explication détaillée de la méthode de chargement de jquery.js dans JS

php中世界最好的语言original: 2018-05-12 14:01:231963parcourir

Cette fois je vais vous apporter une explication détaillée de la méthode de chargement de jquery.js en JS Quelles sont les précautions concernant la méthode de chargement de jquery.js en JS Voici des cas pratiques, jetons un oeil ? .

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é de nombreuses méthodes sur Internet mais elles n'étaient pas très pratiques Comme j'étais loin du WEB depuis de nombreuses années, j'ai finalement demandé à un ami et j'ai obtenu le code suivant :

1.js

Le code 1.html est le suivant :

// 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);

Si vous souhaitez tester, vous avez besoin pour ajouter jquery.js. Cela 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>

Cliquez après avoir exécuté L'effet du bouton est comme indiqué ci-dessous :

Vous en trouverez ci-dessous quelques-uns. méthodes depuis Internet :

1. Direct document.write

2. Changer 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 pense que vous maîtrisez la méthode après avoir lu le cas dans cet article , pour un contenu plus passionnant, veuillez faire attention aux autres articles connexes sur le site Web chinois de php !

<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 :

Explication détaillée des étapes pour exporter des tables dans v-for

Quels BUG et erreurs sont souvent se produire en JS

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 de la méthode de génération de nombres aléatoires et de séquences aléatoires dans une plage spécifiée à l'aide de JSArticle suivant：Explication détaillée de la méthode de génération de nombres aléatoires et de séquences aléatoires dans une plage spécifiée à l'aide de JS

Articles Liés

Voir plus