javascript 動(dòng)態(tài)腳本添加的簡(jiǎn)單方法
異步加載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)文章
javascript簡(jiǎn)單實(shí)現(xiàn)滑動(dòng)菜單效果的方法
這篇文章主要介紹了javascript簡(jiǎn)單實(shí)現(xiàn)滑動(dòng)菜單效果的方法,實(shí)例分析了javascript通過(guò)對(duì)頁(yè)面元素與相關(guān)屬性的操作實(shí)現(xiàn)滑動(dòng)菜單效果的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07JS數(shù)組操作大全對(duì)象數(shù)組根據(jù)某個(gè)相同的字段分組
這篇文章主要介紹了JS數(shù)組操作大全對(duì)象數(shù)組根據(jù)某個(gè)相同的字段分組,需要注意的是,在開(kāi)發(fā)過(guò)程這種數(shù)組的處理函數(shù),應(yīng)當(dāng)被編寫(xiě)到項(xiàng)目的公共工具函數(shù)庫(kù)中全局調(diào)用,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11asp.net+js 實(shí)現(xiàn)無(wú)刷新上傳解析csv文件的代碼
無(wú)刷新上傳解析csv文件的實(shí)現(xiàn)代碼,需要的朋友可以參考下。2010-05-05Layui 數(shù)據(jù)表格批量刪除和多條件搜索的實(shí)例
今天小編就為大家分享一篇Layui 數(shù)據(jù)表格批量刪除和多條件搜索的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09用nodejs訪問(wèn)ActiveX對(duì)象,以操作Access數(shù)據(jù)庫(kù)為例。
有人提問(wèn)“如果用nodejs訪問(wèn)sql server?” 找了找資料,發(fā)現(xiàn)有兩類解決方法,使用第三方nodejs插件2011-12-12你必須了解的JavaScript中的屬性描述對(duì)象詳解(上)
JavaScript提供了一個(gè)內(nèi)部數(shù)據(jù)結(jié)構(gòu),用來(lái)描述對(duì)象的屬性,控制它的行為,比如該屬性是否可寫(xiě)、可遍歷等等。這個(gè)內(nèi)部數(shù)據(jù)結(jié)構(gòu)稱為“屬性描述對(duì)象”。本文主要帶大家了解一下JavaScript中你必須了解的屬性描述對(duì)象,需要的可以參考一下2022-12-12JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹(shù)插入節(jié)點(diǎn)、生成二叉樹(shù)示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹(shù)插入節(jié)點(diǎn)、生成二叉樹(shù),結(jié)合實(shí)例形式較為詳細(xì)的分析了javascript二叉樹(shù)相關(guān)概念、定義、節(jié)點(diǎn)插入、遍歷輸出等相關(guān)操作技巧,需要的朋友可以參考下2019-02-02