Explication détaillée de la méthode de chargement de jquery.js dans JS-js tutoriel-php.cn

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

php中世界最好的语言

Libérer： 2018-05-12 14:01:23

original

1923 Les gens l'ont consulté

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

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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

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

Copier après la connexion

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>

Copier après la connexion

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!