javascript 动态脚本添加的简单方法


Posted in Javascript onOctober 11, 2016

异步加载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 相关文章推荐
jQuery生成asp.net服务器控件的代码
Feb 04 Javascript
JavaScript isArray()函数判断对象类型的种种方法
Oct 11 Javascript
关于Mozilla浏览器不支持innerText的解决办法
Jan 01 Javascript
IE与FireFox中的childNodes区别
Oct 20 Javascript
js Select下拉列表框进行多选、移除、交换内容的具体实现方法
Aug 13 Javascript
js判断ie版本号的简单实现代码
Mar 05 Javascript
JavaScript实现网站访问次数统计代码
Aug 12 Javascript
js HTML5 Ajax实现文件上传进度条功能
Feb 13 Javascript
js实现PC端根据IP定位当前城市地理位置
Feb 22 Javascript
vue里面v-bind和Props 利用props绑定动态数据的方法
Aug 27 Javascript
vue 自动化路由实现代码
Sep 03 Javascript
eslint+prettier统一代码风格的实现方法
Jul 22 Javascript
js HTML5上传示例代码完整版
Oct 10 #Javascript
JavaScript  event对象整理及详细介绍
Oct 10 #Javascript
快速解决js开发下拉框中blur与click冲突
Oct 10 #Javascript
JavaScript 闭包机制详解及实例代码
Oct 10 #Javascript
Javascript 事件冒泡机制详细介绍
Oct 10 #Javascript
JS 滚动事件window.onscroll与position:fixed写兼容IE6的回到顶部组件
Oct 10 #Javascript
javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结
Oct 10 #Javascript
You might like
php实现将上传word文件转为html的方法
2015/06/03 PHP
织梦sitemap地图实时推送给百度的教程
2015/08/03 PHP
Laravel 队列使用的实现
2019/01/08 PHP
使弱类型的语言JavaScript变强势
2009/06/22 Javascript
jquery photoFrame 图片边框美化显示插件
2010/06/28 Javascript
JavaScript 学习笔记之操作符
2015/01/14 Javascript
JavaScript对象学习小结
2015/09/02 Javascript
基于jQuery实现的菜单切换效果
2015/10/16 Javascript
详解js中Number()、parseInt()和parseFloat()的区别
2016/12/20 Javascript
jquery pagination插件动态分页实例(Bootstrap分页)
2016/12/23 Javascript
Vue异步组件使用详解
2017/04/08 Javascript
zTree树形插件异步加载方法详解
2017/06/14 Javascript
使用D3.js制作图表详解
2017/08/13 Javascript
nodejs acl的用户权限管理详解
2018/03/14 NodeJs
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
2018/06/14 jQuery
javascript中contains是否包含功能实现代码(扩展字符、数组、dom)
2020/04/07 Javascript
[57:55]完美世界DOTA2联赛PWL S3 Magma vs Phoenix 第二场 12.12
2020/12/16 DOTA
python连接mysql数据库示例(做增删改操作)
2013/12/31 Python
用Python和MD5实现网站挂马检测程序
2014/03/13 Python
Python采用socket模拟TCP通讯的实现方法
2014/11/19 Python
python使用自定义user-agent抓取网页的方法
2015/04/15 Python
使用Protocol Buffers的C语言拓展提速Python程序的示例
2015/04/16 Python
Python调用C语言的方法【基于ctypes模块】
2018/01/22 Python
Python continue继续循环用法总结
2018/06/10 Python
python通过实例讲解反射机制
2019/10/17 Python
python实现字典嵌套列表取值
2019/12/16 Python
通过实例学习Python Excel操作
2020/01/06 Python
Python模拟登录requests.Session应用详解
2020/11/17 Python
CSS3 实现时间轴动画
2020/11/25 HTML / CSS
介绍一下write命令
2014/08/10 面试题
大学自我鉴定
2013/12/20 职场文书
餐饮管理自我介绍信
2014/01/15 职场文书
违反工作纪律检讨书
2014/02/15 职场文书
实习计划书范文
2015/01/16 职场文书
售后服务承诺函格式
2015/01/21 职场文书
nodejs利用readline提示输入内容实例代码
2021/07/15 NodeJs