快捷導(dǎo)航

javascript實(shí)現(xiàn)iframe框架延時(shí)加載的方法

更新時(shí)間：2014年10月30日 11:06:25 投稿：shichen2014

這篇文章主要介紹了javascript實(shí)現(xiàn)iframe框架延時(shí)加載的方法,可基于setTimeout實(shí)現(xiàn)這一功能,是非常實(shí)用的技巧,需要的朋友可以參考下

本文實(shí)例講述了javascript實(shí)現(xiàn)iframe框架延時(shí)加載的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：

有的時(shí)候我們希望頁(yè)面的一些東西實(shí)現(xiàn)延時(shí)加載，這樣可以不影響網(wǎng)站打開速度，下面我來給大家介紹javascript實(shí)現(xiàn)iframe框架延時(shí)加載方法吧。

需要加載區(qū)域HTML代碼:

復(fù)制代碼代碼如下:

下面代碼放在底部

復(fù)制代碼代碼如下:

<span id="tmpjsnews"><script type="text/javascript" src="你調(diào)用的js" language="javascript"></script></span>

<script type="text/javascript">document.getElementById("indexlogin").innerHTML=document.getElementById("tmpjsnews").innerHTML;</script>

代碼二

復(fù)制代碼代碼如下:

window.onload   =   function()      {         

 frames["BiframeName"].location.href   =   "B.htm";     

}

利用setTimeout

復(fù)制代碼代碼如下:

setTimeout(function(){

    var frame = document.createElement('IFAME');

frame.src = ' http://xxx.com';

    document.getElementById('container').appendChild(frame);

}, 60000);

希望本文所述對(duì)大家基于javascript的web程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

javascript復(fù)制粘貼與clipboardData的使用
window.clipboardData可以實(shí)現(xiàn)復(fù)制與粘貼的操作，下面有個(gè)小示例，想學(xué)習(xí)的朋友可以參考下
2014-10-10
javascript 中設(shè)置window.location.href跳轉(zhuǎn)無效問題解決辦法
這篇文章主要介紹了javascript 中設(shè)置window.location.href跳轉(zhuǎn)無效問題解決辦法的相關(guān)資料,需要的朋友可以參考下
2017-02-02
淺談javascript如何獲取文件后綴名
這篇文章主要介紹了淺談javascript如何獲取文件后綴名，文章通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-08-08
原生ajax處理json格式數(shù)據(jù)的實(shí)例代碼
這篇文章主要介紹了原生ajax處理json格式數(shù)據(jù)的實(shí)例代碼,需要的朋友可以參考下
2016-12-12
js識(shí)別不同瀏覽器基于userAgent做判斷
本節(jié)主要介紹了js識(shí)別不同瀏覽器依據(jù)是userAgent，需要的朋友可以參考下
2014-07-07
Javascript 類、命名空間、代碼組織代碼
Javascript 類、命名空間、代碼組織代碼，學(xué)習(xí)js的朋友可以參考下。
2011-07-07
JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)tab欄效果制作
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)tab欄效果制作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-11-11
JavaScript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器功能的兩種方法
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器功能的兩種方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07
ES6常用小技巧總結(jié)【去重、交換、合并、反轉(zhuǎn)、迭代、計(jì)算等】
這篇文章主要介紹了ES6常用小技巧,結(jié)合實(shí)例形式總結(jié)分析了ES6常見的數(shù)組去重、交換變量、合并數(shù)組、字符串反轉(zhuǎn)、數(shù)組迭代、數(shù)值計(jì)算等相關(guān)操作技巧,需要的朋友可以參考下
2019-12-12
javascript時(shí)間差插件分享
這篇文章主要為大家分享了javascript時(shí)間差插件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-07-07