So laden Sie jquery.js in eine JS-Datei (Code im Anhang)-js-Tutorial-php.cn

So laden Sie jquery.js in eine JS-Datei (Code im Anhang)

php中世界最好的语言

Freigeben： 2018-05-31 11:54:15

Original

1277 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie jquery.js in eine JS-Datei laden (mit Code). Was sind die Vorsichtsmaßnahmen für das Laden von jquery.js in eine JS-Datei? . Werfen wir einen Blick darauf.

In letzter Zeit besteht folgende Forderung:

1 Es kann nur eine JS-Datei in einen HTML-Code eingefügt werden, und es können kein JS-Code oder andere JS-Dateien eingefügt werden.

2 . Dieses JS Andere JS-Dateien müssen in die Datei eingefügt werden.

3 Diese Codes verwenden jquery-bezogene Dinge, daher muss hier Folgendes gelöst werden wie man jquery js einführt.

Ich habe online nach vielen Methoden gesucht, aber sie waren nicht sehr praktisch. Da ich viele Jahre nicht im WEB war, habe ich schließlich einen Freund gefragt und den folgenden Code erhalten:

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

Nach dem Login kopieren

Der 1.html-Code lautet wie folgt:

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

Nach dem Login kopieren

Wenn Sie testen möchten, benötigen Sie um jquery.js hinzuzufügen. Dies kann heruntergeladen und selbst ausgeführt werden

Der Effekt des Klickens auf die Schaltfläche ist wie folgt:

Hier Es gibt einige Methoden im Internet:

1. Direktes document.write

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

Nach dem Login kopieren

2. Dynamisch das src-Attribut vorhandener Skripte ändern

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

Nach dem Login kopieren

3 Skriptelemente

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

Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben, und es gibt noch mehr spannende Dinge. Bitte beachten Sie andere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Anwendungsbeispiele dieses Zeigers in JS

node+koa2+mysql+bootstrap vor und nach der Einrichtung des Forums Ende

Das obige ist der detaillierte Inhalt vonSo laden Sie jquery.js in eine JS-Datei (Code im Anhang). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!