無閃爍更新網(wǎng)頁內(nèi)容JS實(shí)現(xiàn)

更新時(shí)間：2013年12月19日 16:28:40 作者：

這篇文章主要介紹了無閃爍更新網(wǎng)頁內(nèi)容JS實(shí)現(xiàn)，有需要的朋友可以參考一下

todo list

無閃爍更新網(wǎng)頁的課題比較大。

加載的html字符串（通過ajax獲取的），如果還需要運(yùn)行代碼，那么肯定有問題。

希望用一個(gè)不顯示的iframe來承載這個(gè)對(duì)象。這有點(diǎn)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事件委托原理與用法實(shí)例分析
這篇文章主要介紹了JavaScript事件委托原理與用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了JavaScript事件流以及事件委托相關(guān)原理、用法與操作注意事項(xiàng),需要的朋友可以參考下
2018-06-06
帶左右箭頭圖片輪播的JS代碼
這篇文章主要介紹了帶左右箭頭圖片輪播的JS代碼，有需要的朋友可以參考一下
2013-12-12
javascript 小數(shù)取整簡(jiǎn)單實(shí)現(xiàn)方式
這篇文章主要介紹了javascript 小數(shù)取整d的簡(jiǎn)單實(shí)現(xiàn)方式,需要的朋友可以參考下
2014-05-05
JS Array.from()將偽數(shù)組轉(zhuǎn)換成數(shù)組的方法示例
這篇文章主要介紹了JS Array.from()將偽數(shù)組轉(zhuǎn)換成數(shù)組的方法示例，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-03-03
數(shù)據(jù)分析軟件之FineReport教程：[5]參數(shù)界面JS（全）
表格軟件FineReport在設(shè)計(jì)報(bào)表時(shí)經(jīng)常會(huì)用到，這篇文章主要介紹數(shù)據(jù)分析軟件之FineReport教程：[5]參數(shù)界面JS，需要的朋友可以參考下
2015-08-08
Three.js?中的屏幕空間環(huán)境光遮蔽SSAO
這篇文章主要為大家介紹了Three.js?中屏幕空間環(huán)境光遮蔽SSAO的原理及實(shí)現(xiàn)解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-04-04
微信小程序6位或多位驗(yàn)證碼密碼輸入框功能的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序6位或多位驗(yàn)證碼密碼輸入框功能的實(shí)現(xiàn)代碼,實(shí)現(xiàn)思路很簡(jiǎn)單，需要的朋友可以參考下
2018-05-05
JS模擬實(shí)現(xiàn)ECMAScript5新增的數(shù)組方法
ECMAScript5 新增了十個(gè)數(shù)組方法，這些方法只有在ie9及以上瀏覽器中可以被使用，下面是對(duì)于這些方法的模擬實(shí)現(xiàn)簡(jiǎn)單介紹下，需要的朋友參考下
2017-03-03
JS傳值出現(xiàn)中文參數(shù)亂碼的解決方法
這篇文章主要介紹了JS傳值出現(xiàn)中文參數(shù)亂碼的解決方法,涉及javascript針對(duì)編碼的轉(zhuǎn)碼與解碼操作技巧,需要的朋友可以參考下
2016-06-06
taro開發(fā)微信小程序的實(shí)踐
這篇文章主要介紹了taro開發(fā)微信小程序的實(shí)踐，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-05-05