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

196 阅读 0 评论 130 点赞

我是靠谱客的博主坚定鞋子，最近开发中收集的这篇文章主要介绍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 动态脚本添加的简单方法全部内容了，希望大家多多支持脚本之家~