动态加载JavaScript文件的3种方式
以下是遇到的几种动态加载JavaScript文件的方式，持续更新中。。。
一、使用document.write/writeln(）方式
该种方式可以实现js文件的动态加载，原理就是在重写文档流，这种方式会导致整个页面重绘。
实现方式:
document.writeln("<script src=\"http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js\"></script>");
需要注意的是特殊字符的转义。
二、使用jQuery
使用getScript(url,callback)方法实现动态加载js文件
$.getScript('test.js',function(){
alert('done');
});
三、使用原生js方法
原理：动态创建script标签，并指定script的src属性
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');
});
还可以使用同样的原理动态加载css文件，只不过插入的的父节点是head标签。
以上就是动态加载JavaScript文件的方法，希望对大家的学习有所帮助。
-
本文向大家介绍动态加载JavaScript文件的两种方法，包括了动态加载JavaScript文件的两种方法的使用技巧和注意事项，需要的朋友参考一下 这篇文章主要为大家详细介绍了动态加载JavaScript文件的两种方法，感兴趣的小伙伴们可以参考一下 第一种便是利用ajax方式，把script文件代码从背景加载到前台，而后对加载到的内容经过eval()实施代码。第二种是，动静创建一个script标签
-
问题内容： 如何可靠，动态地加载JavaScript文件？这将用于实现模块或组件，该模块或组件在“初始化”时将根据需要动态加载所有需要的JavaScript库脚本。 使用该组件的客户端不需要加载实现该组件的所有库脚本文件（并将标记手动插入其网页），只需加载“主”组件脚本文件即可。 主流JavaScript库如何做到这一点（原型，jQuery等）？ 这些工具是否将多个JavaScript文件合并到脚
-
本文向大家介绍Python动态加载模块的3种方法，包括了Python动态加载模块的3种方法的使用技巧和注意事项，需要的朋友参考一下 1、使用系统函数__import_() 2、使用imp 模块 3、使用exec
-
问题内容： 我有一个非常大的javascript文件，仅当用户单击某个按钮时才想加载。我正在使用jQuery作为框架。有内置的方法或插件可以帮助我做到这一点吗？ 更多详细信息：我有一个“添加注释”按钮，该按钮应该加载TinyMCE javascript文件（我已经将所有TinyMCE东西都煮成了一个JS文件），然后调用tinyMCE.init（…）。 我不想在初始页面加载时加载它，因为不是每个人都
-
问题内容： 我有以下代码： 它不起作用。我给了两个按钮，如果按下第一个，则应该加载。如果第二个被按下，则应加载。 我怎样才能做到这一点？ 问题答案： 您不能以这种方式将HTML嵌入Javascript。基本上，您想要的是嵌入一个脚本元素，单击按钮时指向某个javascript文件。可以通过将事件与DOM结合来完成：
-
本文向大家介绍使用javaScript动态加载Js文件和Css文件，包括了使用javaScript动态加载Js文件和Css文件的使用技巧和注意事项，需要的朋友参考一下 JS动态加载CSS 在可换主题的界面中具有很重要的意义，用户可以根据自己的浏览习惯选择自己喜欢的页面显示方式，下面详细说明。 希望下面的方法对你有帮助。 （1）使用JavaScript动态加载Js文件 （2）使用JavaScript