Comment insérer dynamiquement JS et exécuter la fonction de rappel immédiatement_compétences javascript-js tutoriel-php.cn

Comment insérer dynamiquement JS et exécuter la fonction de rappel immédiatement_compétences javascript

WBOY

Libérer： 2016-05-16 15:04:33

original

1545 Les gens l'ont consulté

L'exemple de cet article décrit la méthode d'insertion dynamique de JS et d'exécution immédiate de la fonction de rappel. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div id="loading">加载中……</div>
<mce:script type="text/JavaScript">
<!--
function loadJs(id,url,callback){
 var script = document.createElement('script');
 script.type = 'text/javascript';
 script.src = url;
 script.id = id;
 script.onload = script.onreadystatechange = function(){
  alert(script.readyState);
  if(script.readyState && script.readyState != 'loaded' && script.readyState != 'complete') return ;
  script.onreadystatechange = script.onload = null
  if(callback) callback();
 }
 document.body.appendChild(script);
}
loadJs('jQuery','jquery.js',function(){$('#loading').html('jquery.js加载完毕')})
// --></mce:script>
</body>
</html>

Copier après la connexion

L'insertion dynamique de fichiers js joue un rôle très important dans l'amélioration de la vitesse de chargement des pages et dans les problèmes inter-domaines. Ce qui précède est un exemple simple.

Onreadystatechange est pris en charge sur ie, mais onload n'est pas pris en charge

Onload est pris en charge sur Firefox, mais onreadystatechange n'est pas pris en charge

c'est-à-dire qu'il n'est pas nécessairement chargé ou complètement déclenché, ou les deux seront déclenchés, alors utilisez ou pour juger.

Il convient de noter que le format de casse de script.onreadystatechange et script.readyState n'est pas sensible à la casse, ce qui peut conduire à des erreurs difficiles à trouver.

Les lecteurs intéressés par davantage de contenu lié à JavaScript peuvent consulter les sujets spéciaux sur ce site : "Résumé des effets et techniques de commutation JavaScript", "Résumé des techniques d'algorithme de recherche JavaScript", "Résumé des effets spéciaux et techniques d'animation JavaScript", "Résumé des erreurs JavaScript et des compétences de débogage", "Résumé des structures de données JavaScript et des techniques d'algorithme", "Résumé des algorithmes et techniques de traversée JavaScript" et "Résumé de l'utilisation des opérations mathématiques JavaScript"

J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

Comment insérer dynamiquement JS et exécuter la fonction de rappel immédiatement_compétences javascript