無(wú)閃爍更新網(wǎng)頁(yè)內(nèi)容JS實(shí)現(xiàn)
todo list
無(wú)閃爍更新網(wǎng)頁(yè)的課題比較大。
加載的html字符串(通過(guò)ajax獲取的),如果還需要運(yùn)行代碼,那么肯定有問(wèn)題。
希望用一個(gè)不顯示的iframe來(lái)承載這個(gè)對(duì)象。這有點(diǎn)dirty work的感覺(jué)。
最終解決方案是
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);
- JS實(shí)現(xiàn)跟隨鼠標(biāo)閃爍轉(zhuǎn)動(dòng)色塊的方法
- js實(shí)現(xiàn)網(wǎng)頁(yè)標(biāo)題欄閃爍提示效果實(shí)例分析
- js實(shí)現(xiàn)div閃爍原理及實(shí)現(xiàn)代碼
- js實(shí)現(xiàn)的標(biāo)題欄新消息閃爍提示效果
- 利用JS實(shí)現(xiàn)瀏覽器的title閃爍
- JS CSS制作飽含熱情的鑲邊文字閃爍特效
- 高亮閃爍某個(gè)元素的js腳本
- JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕切換網(wǎng)頁(yè)背景色的方法
- JavaScript實(shí)現(xiàn)的背景自動(dòng)變色代碼
- JS實(shí)現(xiàn)的網(wǎng)頁(yè)背景閃電閃爍效果代碼
相關(guān)文章
微信小程序?qū)隫ant報(bào)錯(cuò)VM292:1 thirdScriptError的解決方法
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)隫ant報(bào)錯(cuò)VM292:1 thirdScriptError的解決方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08js中符號(hào)轉(zhuǎn)意問(wèn)題示例探討
符號(hào)轉(zhuǎn)意,大家或許有所了解,知識(shí)在使用中或許不是那么的在意,其實(shí)這個(gè)問(wèn)題很重要,下面為大家講解下js符號(hào)轉(zhuǎn)意問(wèn)題相關(guān)知識(shí),感興趣的朋友可以參考下2013-08-08JavaScript簡(jiǎn)單實(shí)現(xiàn)鼠標(biāo)拖動(dòng)選擇功能
本篇文章主要是對(duì)JavaScript簡(jiǎn)單實(shí)現(xiàn)鼠標(biāo)拖動(dòng)選擇功能的示例代碼進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-03-03JavaScript是否可實(shí)現(xiàn)多線程 深入理解JavaScript定時(shí)機(jī)制
JavaScript的setTimeout與setInterval是兩個(gè)很容易欺騙別人感情的方法,因?yàn)槲覀冮_(kāi)始常常以為調(diào)用了就會(huì)按既定的方式執(zhí)行, 我想不少人都深有同感,2009-12-12js獲取json中key所對(duì)應(yīng)的value值的簡(jiǎn)單方法
下面小編就為大家?guī)?lái)一篇js獲取json中key所對(duì)應(yīng)的value值的簡(jiǎn)單方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03Javascript 是你的高階函數(shù)(高級(jí)應(yīng)用)
這篇文章主要介紹了Javascript 是你的高階函數(shù) ,需要的朋友可以參考下2015-06-06