Résumé des méthodes de chargement dynamique des fichiers JS

Cette fois je vais vous apporter un résumé de la méthode de chargement dynamique des fichiers JS. Quelles sont les précautions pour le chargement dynamique des fichiers JS Voici un cas pratique, jetons un oeil.

1. Utilisez la méthode document.write/writeln()

Cette méthode peut réaliser le chargement dynamique des fichiers js. pour recharger le fichier js. Écrire le flux de documents, cette méthode entraînera le redessin de la page entière.

Méthode de mise en œuvre :

Copier le code Le code est le suivant :

document.writeln("");

Il est à noter que le caractère spécial est échappé .

2. Utilisez jQuery

Utilisez la méthode getScript(url, callback) pour charger dynamiquement les fichiers js

$.getScript('test.js',function(){
 alert('done');
});

3. Méthode js native

Principe : créer dynamiquement des balises de script et spécifier l'attribut src du script

function loadJs(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);
 }
 loadJs("test.js",function(){
 alert('done');
 });

Je crois que vous maîtrisez la méthode après avoir lu le cas dans cet article. Veuillez faire attention pour des choses plus excitantes. Autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Que faire si l'adresse IP n'est pas accessible lorsque webpack+myproject construit le projet

Ceci points à appeler, appliquer utilise

environnement de développement de projet webpack vue méthode IP de liaison LAN

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!