手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript 动态脚本添加的简单方法
javascript 动态脚本添加的简单方法
摘要:异步加载js文件或者异步加载js模块,支持所有浏览器,包括IE,参考至javascript高级编程1.createScript方法用于创建一...

异步加载js文件或者异步加载js模块,支持所有浏览器,包括IE,参考至javascript高级编程

1.createScript方法用于创建一个script标签并添加到body标签中

2.createModule方法用于创建一个script脚本的标签,并且如果在IE8以下的版本运行会抛出异常,在异常捕获模块中执行script.text兼容IE添加js的脚本内容。

<button id="demo">js文件</button> <button id="demo1">js模块</button> <script type="text/javascript"> //异步加载文件,支持所有浏览器 document.getElementById("demo").onclick = function () { createScript("../../js/jquery-1.8.3.min.js"); } function createScript(url) { var script = 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("function sayHi(){alert('Hi !')}"); } function createModule(code) { var script = document.createElement("script"); script.type = "text/javascript"; try { script.appendChild(document.createTextNode(code)); } catch (ex) { script.text(code); } document.body.appendChild(script); } </script>

以上就是小编为大家带来的javascript 动态脚本添加的简单方法全部内容了,希望大家多多支持查字典教程网~

【javascript 动态脚本添加的简单方法】相关文章:

基于JavaScript实现动态添加删除表格的行

Javascript动态创建表格及删除行列的方法

Javascript技术栈中的四种依赖注入小结

学习javascript文件加载优化

JavaScript中用于生成随机数的Math.random()方法

Javascript类型转换的规则实例解析

JavaScript基于setTimeout实现计数的方法

JS动态增删表格行的方法

javascript实现设置、获取和删除Cookie的方法

javascript去除空格方法小结

精品推荐
分类导航