在JS代码中 动态加载 JS文件
2009-09-02 20:57
411 查看
等网页全部打开以后再加载我要调用的JS.
第一个方法,可以使用defer属性.
<script language="javascript" type="text/javascript" src="http://a.com/bb.js" defer="true"></script>
这段script要放在<head></head>之间.而且在脚本中不能有document.write()方法.因为设置了defer="true"的脚本是页面加载之后才加载并渲染的.如果这时候使用document.write()方法,会把之前的页面内容都清掉.
第二个方法,在window.onload之后把script添加到Dom中.
window.onload=function (){
var jsfile = document.createElement("script");
jsfile.src="http://a.com/bb.js";
jsfile.type = 'text/javascript';
document.getElementsByTagName("head")[0].appendChild(jsfile);
}
第一个方法,可以使用defer属性.
<script language="javascript" type="text/javascript" src="http://a.com/bb.js" defer="true"></script>
这段script要放在<head></head>之间.而且在脚本中不能有document.write()方法.因为设置了defer="true"的脚本是页面加载之后才加载并渲染的.如果这时候使用document.write()方法,会把之前的页面内容都清掉.
第二个方法,在window.onload之后把script添加到Dom中.
window.onload=function (){
var jsfile = document.createElement("script");
jsfile.src="http://a.com/bb.js";
jsfile.type = 'text/javascript';
document.getElementsByTagName("head")[0].appendChild(jsfile);
}
相关文章推荐
- 异步动态加载js与css文件的js代码
- js代码动态加载js文件,并在加载成功后执行回调函数
- 动态加载js文件
- 中间页动态加载js文件
- JavaScript 之 动态加载JS代码或JS文件
- 如何用自己的js文件加载一些动态数据
- js动态加载css文件
- js 如何通过js脚本动态加载js文件及读写cookie
- 使用js动态加载上传文件
- 动态加载js和css(外部文件)
- 如何动态加载js文件,$.getScript()方法的使用
- 在Asp.Net头部动态加载css和js文件的方法
- 如何用Ext中的panel动态的加载js文件,我用的了autoLoad,并将其属性scripts设成了true,但还是不行
- 动态加载js文件并调用其中的函数封装
- Ext动态加载JS文件
- 使用js加载器动态加载外部Javascript文件
- 如何使用jquery动态加载js,css文件
- jquery动态加载js/css文件方法
- 动态加载js文件并且执行回调方法
- JavaScript_动态加载CSS和JS文件