recherche

Maison  >  Article  >  interface Web  >  étapes de mise en œuvre du fichier js à chargement dynamique jquery

étapes de mise en œuvre du fichier js à chargement dynamique jquery

php中世界最好的语言
php中世界最好的语言original
2018-04-23 11:35:133439parcourir

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 de l'utilisation de jQuery pour permettre aux navigateurs de passer les uns aux autres et de transmettre des paramètres

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!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Explication détaillée des étapes pour lire et analyser des fichiers XML avec jQueryArticle suivant：Explication détaillée des étapes pour lire et analyser des fichiers XML avec jQuery

Articles Liés

Voir plus