Detaillierte Erläuterung der Methode zum Laden von jquery.js in JS-js-Tutorial-php.cn

Heim

Web-Frontend

js-Tutorial

Detaillierte Erläuterung der Methode zum Laden von jquery.js in JS

May 12, 2018 pm 02:01 PM

javascript 详解

Dieses Mal werde ich Ihnen die Methode zum Laden von jquery.js in JS ausführlich erläutern. Was sind die Vorsichtsmaßnahmen für die Methode zum Laden von jquery.js in JS? .

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 im Internet nach vielen Methoden gesucht, aber sie sind 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:

&lt;html&gt; 
&lt;head&gt; 
 &lt;script type=&quot;text/javascript&quot; src=&quot;1.js&quot;&gt;&lt;/script&gt; 
&lt;/head&gt; 
&lt;body&gt; 
&lt;input type=&quot;button&quot; id=&quot;bt&quot; value=&quot;Click&quot; /&gt; 
&lt;/body&gt; 
&lt;/html&gt;

Nach dem Login kopieren

Wenn Sie testen möchten, müssen Sie jquery.js hinzufügen , das Sie selbst herunterladen können

Der Effekt des Klickens auf die Schaltfläche nach dem Ausführen ist wie folgt:

Nachfolgend sind einige Methoden von aufgeführt Internet:

1. Direktes document.write

&lt;script language=&quot;javascript&quot;&gt;
 document.write("&lt;script src=&#39;test.js&#39;&gt;&lt;\/script&gt;");
&lt;/script&gt;

Nach dem Login kopieren

2. Ändern Sie dynamisch das src-Attribut eines vorhandenen Skripts

&lt;script src=&#39;&#39; id=&quot;s1&quot;&gt;&lt;/script&gt;
&lt;script language=&quot;javascript&quot;&gt;
 s1.src="test.js"
&lt;/script&gt;

Nach dem Login kopieren

3. Erstellen Sie dynamisch ein Skriptelement

&lt;script&gt;
 var oHead = document.getElementsByTagName('HEAD').item(0);
 var oScript= document.createElement("script");
 oScript.type = "text/javascript";
 oScript.src="test.js";
 oHead.appendChild( oScript);
&lt;/script&gt;

Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in den verwandten Artikeln anderer PHP-chinesischer Websites!

Empfohlene Lektüre:

Detaillierte Erläuterung der Schritte zum Exportieren von Tabellen in v-for

Welche BUGs und Fehler häufig auftreten kommen in JS vor

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

Erklärung dieser Website

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