作者 :towaywu
2016-01-28 17:26:24.0
29 浏览
类别 :HTML/CSS/JAVASCRIPT 编程语言
Javascript文件动态加载一直是比较困扰的一件事情,像网络上传的比较常见的做法:
function loadjs(fileurl){ var sct = document.createElement("script"); sct.src = fileurl; document.head.appendChild(sct);}
然后我们来测试一下结果:
<html> <head> <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" media="screen" /> </head> <body> <script>
function loadjs(fileurl){ var sct = document.createElement("script"); sct.src = fileurl; document.head.appendChild(sct); } loadjs("http://code.jquery.com/jquery-1.12.0.js"); loadjs("http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js") loadjs("http://bootboxjs.com/bootbox.js")
</script> </body></html>
代码加载完后,会出现下图的错误.
jquery明明是加载在第一个处理,为什么还是报jQuery不存在的对象呢? 因为这样加载,相当于开启了三个线程,只是jquery这个文件先启动线程,而jquery执行完这个线程的时间,超过了后面两个时间. 因此后面执行完的,可能没能找到jquery这个对象.
然这种方式怎么处理呢? 其实文件的加载是有个状态处理的.文件的加载有个onload事件,就是可以监听文件是否加载完成的事件.
因此我们可以考虑这个方法来处理我们想要的结果.我们用直观的方式来处理.改进后的代码如下:
Derniers articles par auteur
2024-10-22 09:46:29 2024-10-13 13:53:41 2024-10-12 12:15:51 2024-10-11 22:47:31 2024-10-11 19:36:51 2024-10-11 15:50:41 2024-10-11 15:07:41 2024-10-11 14:21:21 2024-10-11 12:59:11 2024-10-11 12:17:31Derniers numérosComment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?Depuis 2024-04-23 00:22:190112242Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...Depuis 2024-04-18 23:52:34011767Où sont les didacticiels sur la cartographie mentale CSS ? DidacticielDepuis 2024-04-16 10:10:18001804Rubriques connexesPlus>
- Quelles sont les conditions pour ouvrir un compte en monnaie numérique ? C'est gratuit?
- La différence entre l'hibernation et le sommeil de Windows
- jquery implémente la méthode de pagination
- Comment supprimer les émoticônes WeChat
- utilisation de la fonction createmutex
- menu contextuel
- Introduction à l'utilisation du serveur FTP
- Comment utiliser RealVNC