javascript/js 原生动态插入外部js文件及动态插入js代码片段,兼容ie
2015-11-16 11:46
816 查看
动态创建js脚本有两种方式:
1.插入外部js文件
2.插入js代码片段
动态插入js外部文件的方法:
动态加载js代码片段
IE中<script>标签被视为一个特殊标签,不能访问其子元素,所以要使用script.text方法,同时为了兼容Safari早起版本,兼容代码如下:
以这种方式加载的js片段会在全局环境中执行,实际上这种方式与将字符串传给eval()执行时一样的。
1.插入外部js文件
2.插入js代码片段
动态插入js外部文件的方法:
function loadScript(url){ var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; document.body.appendChild(script); } loadScript('test.js');
动态加载js代码片段
function loadJsCode(code){ var script = document.createElement('script'); script.type = 'text/javascript'; //for Chrome Firefox Opera Safari script.appendChild(document.createTextNode(code)); //for IE //script.text = code; document.body.appendChild(script); } loadJsCode('alert(2)');
IE中<script>标签被视为一个特殊标签,不能访问其子元素,所以要使用script.text方法,同时为了兼容Safari早起版本,兼容代码如下:
function loadJsCode(code){ var script = document.createElement('script'); script.type = 'text/javascript'; try{ //for Chrome Firefox Opera Safari script.appendChild(document.createTextNode(code)); }catch(ex){ //for IE script.text = code; } document.body.appendChild(script); } loadJsCode('alert(3)');
以这种方式加载的js片段会在全局环境中执行,实际上这种方式与将字符串传给eval()执行时一样的。
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- Shell 脚本编程陷阱
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享
- 如何创建对象以及jQuery中创建对象的方式
- IE8开发人员工具教程(二)
- IE右键菜单被修改