javascript 動態(tài)腳本添加的簡單方法
異步加載js文件或者異步加載js模塊,支持所有瀏覽器,包括IE,參考至javascript高級編程
1.createScript方法用于創(chuàng)建一個script標(biāo)簽并添加到body標(biāo)簽中
2.createModule方法用于創(chuàng)建一個script腳本的標(biāo)簽,并且如果在IE8以下的版本運(yùn)行會拋出異常,在異常捕獲模塊中執(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); } //這里首先會嘗試標(biāo)準(zhǔn)的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>
以上就是小編為大家?guī)淼膉avascript 動態(tài)腳本添加的簡單方法全部內(nèi)容了,希望大家多多支持腳本之家~
相關(guān)文章
JS數(shù)組操作大全對象數(shù)組根據(jù)某個相同的字段分組
這篇文章主要介紹了JS數(shù)組操作大全對象數(shù)組根據(jù)某個相同的字段分組,需要注意的是,在開發(fā)過程這種數(shù)組的處理函數(shù),應(yīng)當(dāng)被編寫到項目的公共工具函數(shù)庫中全局調(diào)用,本文結(jié)合實例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11asp.net+js 實現(xiàn)無刷新上傳解析csv文件的代碼
無刷新上傳解析csv文件的實現(xiàn)代碼,需要的朋友可以參考下。2010-05-05Layui 數(shù)據(jù)表格批量刪除和多條件搜索的實例
今天小編就為大家分享一篇Layui 數(shù)據(jù)表格批量刪除和多條件搜索的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09用nodejs訪問ActiveX對象,以操作Access數(shù)據(jù)庫為例。
有人提問“如果用nodejs訪問sql server?” 找了找資料,發(fā)現(xiàn)有兩類解決方法,使用第三方nodejs插件2011-12-12JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹插入節(jié)點、生成二叉樹示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹插入節(jié)點、生成二叉樹,結(jié)合實例形式較為詳細(xì)的分析了javascript二叉樹相關(guān)概念、定義、節(jié)點插入、遍歷輸出等相關(guān)操作技巧,需要的朋友可以參考下2019-02-02