無閃爍更新網(wǎng)頁內(nèi)容JS實現(xiàn)
更新時間：2013年12月19日 16:28:40 作者：
這篇文章主要介紹了無閃爍更新網(wǎng)頁內(nèi)容JS實現(xiàn)，有需要的朋友可以參考一下
todo list
無閃爍更新網(wǎng)頁的課題比較大。
加載的html字符串（通過ajax獲取的），如果還需要運(yùn)行代碼，那么肯定有問題。
希望用一個不顯示的iframe來承載這個對象。這有點dirty work的感覺。
最終解決方案是
復(fù)制代碼 代碼如下:
var str2DOMElement = function(html) {
var frame = document.createElement('iframe');
frame.style.display = 'none';
document.body.appendChild(frame);
frame.contentDocument.open();
frame.contentDocument.write(html);
frame.contentDocument.close();
var el = frame.contentDocument.body.firstChild;
document.body.removeChild(frame);
return el;
}
var markup = '<div><p>text here</p></div>';
var el = str2DOMElement(markup);
相關(guān)文章
這篇文章主要介紹了JavaScript事件委托原理與用法,結(jié)合實例形式較為詳細(xì)的分析了JavaScript事件流以及事件委托相關(guān)原理、用法與操作注意事項,需要的朋友可以參考下2018-06-06
這篇文章主要介紹了帶左右箭頭圖片輪播的JS代碼，有需要的朋友可以參考一下2013-12-12
javascript 小數(shù)取整簡單實現(xiàn)方式
這篇文章主要介紹了javascript 小數(shù)取整d的簡單實現(xiàn)方式,需要的朋友可以參考下2014-05-05
JS Array.from()將偽數(shù)組轉(zhuǎn)換成數(shù)組的方法示例
這篇文章主要介紹了JS Array.from()將偽數(shù)組轉(zhuǎn)換成數(shù)組的方法示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03![數(shù)據(jù)分析軟件之FineReport教程：[5]參數(shù)界面JS（全）](http://img.jbzj.com/images/xgimg/bcimg4.png)
數(shù)據(jù)分析軟件之FineReport教程：[5]參數(shù)界面JS（全）
表格軟件FineReport在設(shè)計報表時經(jīng)常會用到，這篇文章主要介紹數(shù)據(jù)分析軟件之FineReport教程：[5]參數(shù)界面JS，需要的朋友可以參考下2015-08-08
Three.js?中的屏幕空間環(huán)境光遮蔽SSAO
這篇文章主要為大家介紹了Three.js?中屏幕空間環(huán)境光遮蔽SSAO的原理及實現(xiàn)解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
微信小程序6位或多位驗證碼密碼輸入框功能的實現(xiàn)代碼
這篇文章主要介紹了微信小程序6位或多位驗證碼密碼輸入框功能的實現(xiàn)代碼,實現(xiàn)思路很簡單，需要的朋友可以參考下2018-05-05
JS模擬實現(xiàn)ECMAScript5新增的數(shù)組方法
ECMAScript5 新增了十個數(shù)組方法，這些方法只有在ie9及以上瀏覽器中可以被使用，下面是對于這些方法的模擬實現(xiàn)簡單介紹下，需要的朋友參考下2017-03-03
這篇文章主要介紹了JS傳值出現(xiàn)中文參數(shù)亂碼的解決方法,涉及javascript針對編碼的轉(zhuǎn)碼與解碼操作技巧,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了taro開發(fā)微信小程序的實踐，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05