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

