Maison > interface Web > js tutoriel > le corps du texte

Comment charger jquery.js dans le fichier JS

php中世界最好的语言
Libérer: 2018-05-23 14:37:51
original
1337 Les gens l'ont consulté

Cette fois, je vais vous montrer comment charger jquery.js dans un fichier JS. Quelles sont les précautions sur la façon de charger jquery.js dans un fichier JS. Ce qui suit est un cas pratique, voyons. jetez 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é

en ligne

de nombreuses méthodes 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 test, 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>
Copier après la connexion
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>
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 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 php. Site chinois !

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

Quels sont les moyens d'automatiser les formulaires Vue


Comment créer un forum avec node+bootstrap

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!