javascript 动态脚本添加的简单方法
异步加载js文件或者异步加载js模块,支持所有浏览器,包括IE,参考至javascript高级编程
1.createScript方法用于创建一个script标签并添加到body标签中
2.createModule方法用于创建一个script脚本的标签,并且如果在IE8以下的版本运行会抛出异常,在异常捕获模块中执行script.text兼容IE添加js的脚本内容。
<buttonid="demo">js文件</button>
<buttonid="demo1">js模块</button>
<scripttype="text/javascript">
//异步加载文件,支持所有浏览器
document.getElementById("demo").onclick=function(){
createScript("../../js/jquery-1.8.3.min.js");
}
functioncreateScript(url){
varscript=document.createElement("script");
script.type="text/javascript";
script.src=url;
document.body.appendChild(script);
}
//这里首先会尝试标准的DOM方法,因为除了IE(在IE中会抛出错误),所有浏览器都支持这种方法,如果抛出错误则说明是IE,于是就必须使用tezt属性了
document.getElementById("demo1").onclick=function(){
createModule("functionsayHi(){alert('Hi!')}");
}
functioncreateModule(code){
varscript=document.createElement("script");
script.type="text/javascript";
try{
script.appendChild(document.createTextNode(code));
}catch(ex){
script.text(code);
}
document.body.appendChild(script);
}
</script>
以上就是小编为大家带来的javascript动态脚本添加的简单方法全部内容了,希望大家多多支持毛票票~
热门推荐
10 儿子立冬祝福语简短独特
11 对当兵的祝福语简短
12 侄儿高考试祝福语简短
13 伴郎红包祝福语朋友简短
14 媳妇生日简短祝福语朋友
15 公司年会祝福语简短最好
16 元旦感恩祝福语简短大全
17 红包祝福语简短10字
18 周六早晨祝福语简短