你的位置:首页 > 软件开发 > Java > javascript 动态脚本添加

javascript 动态脚本添加

发布时间:2016-10-10 22:01:18
异步加载js文件或者异步加载js模块,支持所有浏览器,包括IE,参考至javascript高级编程1.createScript方法用于创建一个script标签并添加到body标签中2.createModule方法用于创建一个script脚本的标签,并且如果在IE8以下的版本运行会 ...

 

异步加载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>

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:javascript 动态脚本添加

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。