javascript 動(dòng)態(tài)腳本添加的簡(jiǎn)單方法

更新時(shí)間：2016年10月11日 08:42:19 投稿：jingxian

下面小編就為大家?guī)?lái)一篇javascript 動(dòng)態(tài)腳本添加的簡(jiǎn)單方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

異步加載js文件或者異步加載js模塊，支持所有瀏覽器，包括IE，參考至javascript高級(jí)編程

1.createScript方法用于創(chuàng)建一個(gè)script標(biāo)簽并添加到body標(biāo)簽中

2.createModule方法用于創(chuàng)建一個(gè)script腳本的標(biāo)簽，并且如果在IE8以下的版本運(yùn)行會(huì)拋出異常，在異常捕獲模塊中執(zhí)行script.text兼容IE添加js的腳本內(nèi)容。

<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);
    }


    //這里首先會(huì)嘗試標(biāo)準(zhǔn)的DOM方法，因?yàn)槌薎E（在IE中會(huì)拋出錯(cuò)誤），所有瀏覽器都支持這種方法，如果拋出錯(cuò)誤則說(shuō)明是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>

以上就是小編為大家?guī)?lái)的javascript 動(dòng)態(tài)腳本添加的簡(jiǎn)單方法全部?jī)?nèi)容了，希望大家多多支持腳本之家~

您可能感興趣的文章:

相關(guān)文章

詳解Webpack如何引入CDN鏈接來(lái)優(yōu)化編譯后的體積
這篇文章主要介紹了詳解Webpack如何引入CDN鏈接來(lái)優(yōu)化編譯后的體積，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-06-06
小程序如何自主實(shí)現(xiàn)攔截器的示例代碼
這篇文章主要介紹了小程序如何自主實(shí)現(xiàn)攔截器,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-11-11
javascript動(dòng)態(tài)生成樹(shù)形菜單的方法
這篇文章主要介紹了javascript動(dòng)態(tài)生成樹(shù)形菜單的方法,涉及JavaScript針對(duì)頁(yè)面元素與屬性的動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-11-11
如何通過(guò)JS實(shí)現(xiàn)轉(zhuǎn)碼與解碼
這篇文章主要介紹了如何通過(guò)JS實(shí)現(xiàn)轉(zhuǎn)碼與解碼,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-02-02
javascript實(shí)現(xiàn)二級(jí)級(jí)聯(lián)菜單的簡(jiǎn)單制作
這篇文章主要介紹了javascript實(shí)現(xiàn)二級(jí)級(jí)聯(lián)菜單的簡(jiǎn)單制作，感興趣的小伙伴們可以參考一下
2015-11-11
微信小程序左右滾動(dòng)公告欄效果代碼實(shí)例
這篇文章主要介紹了微信小程序左右滾動(dòng)公告欄效果代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-09-09
JavaScript大數(shù)相加相乘的實(shí)現(xiàn)方法實(shí)例
這篇文章主要給大家介紹了關(guān)于JavaScript大數(shù)相加相乘的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-10-10
JavaScript遍歷table表格中的某行某列并打印其值
這篇文章主要介紹了JavaScript遍歷table表格中的某行某列并打印其值,需要的朋友可以參考下
2014-07-07
js圖片輪播效果實(shí)現(xiàn)代碼
這篇文章主要介紹了js圖片輪播效果實(shí)現(xiàn)代碼，文章對(duì)每一步進(jìn)行了詳細(xì)闡述，標(biāo)注注意事項(xiàng)，為順利實(shí)現(xiàn)js圖片輪播效果做好鋪墊，對(duì)輪播效果感興趣的朋友可以參考一下
2015-11-11
input的focus方法使用
input有個(gè)focus方法，今天發(fā)現(xiàn)就在onblur事件里面起作用，onchang等事件中根本不起作用的
2010-03-03