Maison > Article > interface Web > étapes de mise en œuvre du fichier js à chargement dynamique jquery
Cette fois, je vais vous présenter les étapes à suivre pour implémenter jquery pour charger dynamiquement des fichiers js. Quelles sont les précautions pour que jquery charge dynamiquement des fichiers js. , jetons un coup d'oeil.
Problème :
Si vous utilisez jquery append pour charger directement la balise de script, une erreur sera signalée. En plus de document.write, existe-t-il un autre meilleur moyen de charger dynamiquement des fichiers js ?
Solution :
1. méthode jquery
$.getScript("./test.js"); //加载js文件 $.getScript("./test.js",function(){ //加载test.js,成功后,并执行回调函数 console.log("加载js文件"); });
2. méthode js
<html> <body> </body> </html> <script type="text/javascript"> function loadScript(url, callback) { var script = document.createElement("script"); script.type = "text/javascript"; if(typeof(callback) != "undefined"){ if (script.readyState) { script.onreadystatechange = function () { if (script.readyState == "loaded" || script.readyState == "complete") { script.onreadystatechange = null; callback(); } }; } else { script.onload = function () { callback(); }; } } script.src = url; document.body.appendChild(script); } loadScript("jquery-latest.js", function () { //加载,并执行回调函数 alert($(window).height()); }); //loadScript("jquery-latest.js"); //加载js文件 </script>
Je crois que j'ai vu Vous maîtrisez la méthode dans le cas de cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Explication détaillée de l'utilisation du plug-in jquery uploadify
Explication détaillée des points de connaissance de base de jquery
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!