Traditionell wird beim Laden von Javascript-Dateien das -Tag verwendet. <br>So: <br><script type="text/javascript" src="example.js"> -Tags sind sehr praktisch, solange as Fügen Sie eine Webseite hinzu und der Browser liest sie und führt sie aus. Allerdings weist es einige gravierende Mängel auf. <br> (1) Strenge Lesereihenfolge. Da der Browser Javascript-Dateien in der Reihenfolge liest, in der <script> auf der Webseite erscheint, und sie dann sofort ausführt, muss bei mehreren voneinander abhängigen Dateien die Datei mit der geringsten Abhängigkeit zuerst platziert werden und die Datei mit der geringsten Abhängigkeit Die größte Abhängigkeit muss zuerst platziert werden. Die Datei muss am Ende platziert werden, sonst meldet der Code einen Fehler. <br> (2) Leistungsprobleme. Der Browser verwendet den „synchronen Modus“, um das <script>-Tag zu laden, was bedeutet, dass die Seite „blockiert“ wird und auf das Laden der JavaScript-Datei wartet, bevor der nachfolgende HTML-Code ausgeführt wird. Wenn mehrere <script>-Tags vorhanden sind, kann der Browser diese nicht gleichzeitig lesen. Er muss eines lesen, bevor er das andere liest, was dazu führt, dass sich die Lesezeit erheblich verlängert und die Seitenreaktion langsam ist. <br>Um diese Probleme zu lösen, können Sie die DOM-Methode verwenden, um Javascript-Dateien dynamisch zu laden. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false"> function loadScript(url){ var script = document.createElement("script"); script.type = "text/javascript"; script.src = url; document.body.appendChild(script); }</pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>Das Prinzip dabei ist, dass der Browser sofort ein <script>-Tag erstellt und dann die Javascript-Datei „asynchron“ liest. Dies führt nicht zu einer Seitenblockierung, sondern zu einem weiteren Problem: Die auf diese Weise geladene Javascript-Datei befindet sich nicht in der ursprünglichen DOM-Struktur, sodass die im DOM-ready-Ereignis (DOMContentLoaded) und im window.onload-Ereignis angegebenen Rückruffunktionen ungültig sind dafür. </p> <p>Weitere Artikel zum Laden von js zur Verwendung der DOM-Methode zum dynamischen Laden von Javascript-Dateien finden Sie auf der chinesischen PHP-Website! </p>