無閃爍更新網(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獲取的),如果還需要運行代碼,那么肯定有問題。
希望用一個不顯示的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)文章
微信小程序?qū)隫ant報錯VM292:1 thirdScriptError的解決方法
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)隫ant報錯VM292:1 thirdScriptError的解決方法,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08JavaScript簡單實現(xiàn)鼠標(biāo)拖動選擇功能
本篇文章主要是對JavaScript簡單實現(xiàn)鼠標(biāo)拖動選擇功能的示例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-03-03JavaScript是否可實現(xiàn)多線程 深入理解JavaScript定時機制
JavaScript的setTimeout與setInterval是兩個很容易欺騙別人感情的方法,因為我們開始常常以為調(diào)用了就會按既定的方式執(zhí)行, 我想不少人都深有同感,2009-12-12js獲取json中key所對應(yīng)的value值的簡單方法
下面小編就為大家?guī)硪黄猨s獲取json中key所對應(yīng)的value值的簡單方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-03-03Javascript 是你的高階函數(shù)(高級應(yīng)用)
這篇文章主要介紹了Javascript 是你的高階函數(shù) ,需要的朋友可以參考下2015-06-06