DIV CSS 佈局教程網

異步加載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 動態腳本添加的簡單方法全部內容了，希望大家多多支持~