étapes de mise en œuvre du fichier js à chargement dynamique jquery-js tutoriel-php.cn

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

php中世界最好的语言

Libérer： 2018-04-23 11:35:13

original

3475 Les gens l'ont consulté

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文件");
});

Copier après la connexion

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>

Copier après la connexion

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!