讓innerHTML的腳本也可以運行起來
更新時間：2006年07月01日 00:00:00 作者：
最近在腦子一直在想pjblog重構(gòu)的問題.當然重構(gòu)前,必須把所有需要做的東西想清楚.其中想到一個js改進的內(nèi)容,需要innerHTML后的腳本也可以運行.但是嘗試了一下.發(fā)現(xiàn)IE下直接innerHTML的腳本無法執(zhí)行. 嘗試了幾次發(fā)現(xiàn),插入的HTML里,<script>前面有其他對象,并且script 設(shè)置了 defer , 這樣的腳本innerHTML被IE執(zhí)行了. ,但是這招對于firefox不靈~~ 后來找了一些資料發(fā)現(xiàn) firefox 把對象重新 append 或者 insertBefore 一次就可以執(zhí)行里面的腳本了.
程序代碼
var fillHTML = function (el,HTMLString) {
if (!el) return;
if (window.ActiveXObject) { //For IE
el.innerHTML = "<img style='display:none'/>" + HTMLString.replace(/<script([^>]*)>/ig, '<script$1 defer>');
el.removeChild(el.firstChild)
} else { //For Mozilla,Opare
var nSibling = el.nextSibling;
var pNode = el.parentNode;
pNode.removeChild(el);
el.innerHTML = HTMLString;
pNode.insertBefore(el,nSibling)
}
}
程序代碼
var fillHTML = function (el,HTMLString) {
if (!el) return;
if (window.ActiveXObject) { //For IE
el.innerHTML = "<img style='display:none'/>" + HTMLString.replace(/<script([^>]*)>/ig, '<script$1 defer>');
el.removeChild(el.firstChild)
} else { //For Mozilla,Opare
var nSibling = el.nextSibling;
var pNode = el.parentNode;
pNode.removeChild(el);
el.innerHTML = HTMLString;
pNode.insertBefore(el,nSibling)
}
}
相關(guān)文章
這篇文章主要介紹了javascript刷新父頁面方法匯總詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了JSONP跨域模擬百度搜索,JSONP是JSON?with?padding?的簡寫,應用JSON的一種新方法，在后來的Web服務(wù)中非常流行，JSONP看起來與JSON差不多，只不過是被包含在函數(shù)中調(diào)用的JSON,對此感興趣的小伙伴可以參考一下下面文章內(nèi)容2021-12-12
微信小程序?qū)崿F(xiàn)點擊按鈕移動view標簽的位置功能示例【附demo源碼下載】
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)點擊按鈕移動view標簽的位置功能,涉及微信小程序事件綁定與this.setData動態(tài)修改data數(shù)值進而改變view標簽樣式的相關(guān)操作技巧,需要的朋友可以參考下2017-12-12
代碼整體結(jié)構(gòu)是執(zhí)行速度的決定因素之一，代碼量少不一定運行速度快，代碼量多也不一定運行速度慢。本篇文章將對js的算法和流程控制進行介紹，下面跟著小編一起來看下吧2016-12-12
本篇文章主要是對js判斷ie版本號的簡單實現(xiàn)代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
本文主要對javascript中的JSON進行詳細介紹。相信對于初學者具有很好的參考價值，下面就跟著小編一起來看下吧2016-12-12
這篇文章主要為大家詳細介紹了JS實現(xiàn)圖片驗證碼功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了inquirer.js一個用戶與命令行交互的工具詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
Table凍結(jié)表頭，大家對此應該不會很陌生，實現(xiàn)很簡單，下面為大家詳細介紹下具體的實現(xiàn)，感興趣的朋友可以參考下2013-08-08
JavaScript實現(xiàn)網(wǎng)頁留言板功能
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)網(wǎng)頁留言板功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11