javascript 动态脚本添加的简单方法
更新时间:2016年10月11日 08:42:19 投稿:jingxian
下面小编就为大家带来一篇javascript 动态脚本添加的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
异步加载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 ES6 Template String模板字符串使用方法
这篇文章主要介绍了javascript ES6 模板字符串(Template String)是增强版的字符串,用反引号(`)标识,它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量,需要的朋友可以参考下2023-06-06javascript中Date对象的getDay方法使用指南
这篇文章主要介绍了javascript中Date对象的getDay方法使用以及各种优化方案,非常不错的文章,这里推荐给大家。2014-12-12使用JavaScript实现网页版Pongo设计思路及源代码分享
Pongo是款很好玩的手欠类游戏,由于在玩的过程中发现了一些BUG,所以就打算自己也弄个,经过一番思索,就有了本文,主要说说实现这款游戏的设计思路以及分享源码给大家2014-06-06
最新评论