这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
下面小编就为大家带来一篇 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>
来源: http://www.phperz.com/article/17/0518/331304.html