欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

無閃爍更新網(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è)對象。這有點(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)文章

  • 微信小程序?qū)隫ant報(bào)錯(cuò)VM292:1 thirdScriptError的解決方法

    微信小程序?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
  • 微信小程序中的輪播圖實(shí)現(xiàn)示例

    微信小程序中的輪播圖實(shí)現(xiàn)示例

    打開一個(gè)小程序,我們會(huì)發(fā)現(xiàn),一般構(gòu)圖排版都是圖片banner - 快捷按鈕 - 產(chǎn)品/文章列表等詳細(xì)信息,底部導(dǎo)航一般是2~5個(gè)。這樣的排版是比較美觀的,那么為什么要這樣設(shè)計(jì),這些輪播圖、快捷按鈕等小程序組件都有什么用呢?接下來就帶你詳細(xì)了解下
    2022-12-12
  • js中符號轉(zhuǎn)意問題示例探討

    js中符號轉(zhuǎn)意問題示例探討

    符號轉(zhuǎn)意,大家或許有所了解,知識在使用中或許不是那么的在意,其實(shí)這個(gè)問題很重要,下面為大家講解下js符號轉(zhuǎn)意問題相關(guān)知識,感興趣的朋友可以參考下
    2013-08-08
  • JavaScript簡單實(shí)現(xiàn)鼠標(biāo)拖動(dòng)選擇功能

    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是否可實(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值的簡單方法

    js獲取json中key所對應(yīng)的value值的簡單方法

    下面小編就為大家?guī)硪黄猨s獲取json中key所對應(yīng)的value值的簡單方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-03-03
  • Javascript的一種模塊模式

    Javascript的一種模塊模式

    全局變量是魔鬼。在YUI中,我們僅用兩個(gè)全局變量:YAHOO和YAHOO_config。YUI的一切都是使用YAHOO對象級的成員或這個(gè)成員作用域內(nèi)的變量。我們建議在你的應(yīng)用程序也使用類似的規(guī)則。
    2010-09-09
  • 游戲人文件夾程序 ver 3.0

    游戲人文件夾程序 ver 3.0

    游戲人文件夾程序 ver 3.0...
    2006-07-07
  • 詳解JS中異常與錯(cuò)誤處理的正確方法

    詳解JS中異常與錯(cuò)誤處理的正確方法

    這篇文章主要和大家分享了一些JavaScript中異常與錯(cuò)誤處理的正確方法,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,感興趣的小伙伴可以參考一下
    2023-04-04
  • Javascript 是你的高階函數(shù)(高級應(yīng)用)

    Javascript 是你的高階函數(shù)(高級應(yīng)用)

    這篇文章主要介紹了Javascript 是你的高階函數(shù) ,需要的朋友可以參考下
    2015-06-06

最新評論