javascript 動態(tài)腳本添加的簡單方法
更新時間：2016年10月11日 08:42:19 投稿：jingxian
下面小編就為大家?guī)硪黄猨avascript 動態(tài)腳本添加的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
異步加載js文件或者異步加載js模塊，支持所有瀏覽器，包括IE，參考至javascript高級編程
1.createScript方法用于創(chuàng)建一個script標簽并添加到body標簽中
2.createModule方法用于創(chuàng)建一個script腳本的標簽，并且如果在IE8以下的版本運行會拋出異常，在異常捕獲模塊中執(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);
}
//這里首先會嘗試標準的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)文章
詳解Webpack如何引入CDN鏈接來優(yōu)化編譯后的體積
這篇文章主要介紹了詳解Webpack如何引入CDN鏈接來優(yōu)化編譯后的體積，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-06-06
這篇文章主要介紹了小程序如何自主實現(xiàn)攔截器,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-11-11
這篇文章主要介紹了javascript動態(tài)生成樹形菜單的方法,涉及JavaScript針對頁面元素與屬性的動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了如何通過JS實現(xiàn)轉(zhuǎn)碼與解碼,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-02-02
javascript實現(xiàn)二級級聯(lián)菜單的簡單制作
這篇文章主要介紹了javascript實現(xiàn)二級級聯(lián)菜單的簡單制作，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了微信小程序左右滾動公告欄效果代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-09-09
JavaScript大數(shù)相加相乘的實現(xiàn)方法實例
這篇文章主要給大家介紹了關(guān)于JavaScript大數(shù)相加相乘的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-10-10
JavaScript遍歷table表格中的某行某列并打印其值
這篇文章主要介紹了JavaScript遍歷table表格中的某行某列并打印其值,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了js圖片輪播效果實現(xiàn)代碼，文章對每一步進行了詳細闡述，標注注意事項，為順利實現(xiàn)js圖片輪播效果做好鋪墊，對輪播效果感興趣的朋友可以參考一下2015-11-11
input有個focus方法，今天發(fā)現(xiàn)就在onblur事件里面起作用，onchang等事件中根本不起作用的2010-03-03