Heim > Artikel > Web-Frontend > Detaillierte Erläuterung der Schritte für JS zum Laden von jquery.js

Detaillierte Erläuterung der Schritte für JS zum Laden von jquery.js

php中世界最好的语言Original: 2018-05-07 17:01:301806Durchsuche

Dieses Mal werde ich Ihnen eine detaillierte Erklärung der Schritte zum Laden von jquery.js in JS geben. Was sind die Vorsichtsmaßnahmen zum Laden von jquery.js in JS? sehen.

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

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>

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>

2. Dynamisch das src-Attribut vorhandener Skripte ändern

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

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>

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:

Dies weist auf die Verwendung von Call und Apply hin

Wenn webpack+myproject das Projekt erstellt, Die IP kann nicht auf die Anwendung zugreifen

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Schritte für JS zum Laden von jquery.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Detaillierte Erläuterung der zufällig generierten JS-Zahlen und SequenzmethodenNächster Artikel：Detaillierte Erläuterung der zufällig generierten JS-Zahlen und Sequenzmethoden

In Verbindung stehende Artikel

Mehr sehen