javascript實現(xiàn)iframe框架延時加載的方法
更新時間：2014年10月30日 11:06:25 投稿：shichen2014
這篇文章主要介紹了javascript實現(xiàn)iframe框架延時加載的方法,可基于setTimeout實現(xiàn)這一功能,是非常實用的技巧,需要的朋友可以參考下
本文實例講述了javascript實現(xiàn)iframe框架延時加載的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
有的時候我們希望頁面的一些東西實現(xiàn)延時加載，這樣可以不影響網(wǎng)站打開速度，下面我來給大家介紹javascript實現(xiàn)iframe框架延時加載方法吧。
需要加載區(qū)域HTML代碼:
復制代碼 代碼如下:
<div id="indexlogin"></div>
下面代碼放在底部
復制代碼 代碼如下:
<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>
<script type="text/javascript">document.getElementById("indexlogin").innerHTML=document.getElementById("tmpjsnews").innerHTML;</script>
代碼二
復制代碼 代碼如下:
window.onload = function() {
frames["BiframeName"].location.href = "B.htm";
}
frames["BiframeName"].location.href = "B.htm";
}
利用setTimeout
復制代碼 代碼如下:
setTimeout(function(){
var frame = document.createElement('IFAME');
frame.src = ' http://xxx.com';
document.getElementById('container').appendChild(frame);
}, 60000);
var frame = document.createElement('IFAME');
frame.src = ' http://xxx.com';
document.getElementById('container').appendChild(frame);
}, 60000);
希望本文所述對大家基于javascript的web程序設計有所幫助。
您可能感興趣的文章:
- js檢測iframe是否加載完成的方法
- js下判斷 iframe 是否加載完成的完美方法
- JS加載iFrame出現(xiàn)空白問題的解決辦法
- 基于JS判斷iframe是否加載成功的方法(多種瀏覽器）
- JS iFrame加載慢怎么解決
- js通過iframe加載外部網(wǎng)頁的實現(xiàn)代碼
- 動態(tài)加載js、css等文件跨iframe實現(xiàn)
- javascript firefox 自動加載iframe 自動調(diào)整高寬示例
- js中頁面的重新加載(當前頁面/上級頁面)及frame或iframe元素引用介紹
- javascript應用：Iframe自適應其加載的內(nèi)容高度
- JS判斷iframe是否加載完成的方法
相關文章
javascript復制粘貼與clipboardData的使用
window.clipboardData可以實現(xiàn)復制與粘貼的操作，下面有個小示例，想學習的朋友可以參考下2014-10-10
javascript 中設置window.location.href跳轉(zhuǎn)無效問題解決辦法
這篇文章主要介紹了javascript 中設置window.location.href跳轉(zhuǎn)無效問題解決辦法的相關資料,需要的朋友可以參考下2017-02-02
這篇文章主要介紹了淺談javascript如何獲取文件后綴名，文章通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-08-08
原生ajax處理json格式數(shù)據(jù)的實例代碼
這篇文章主要介紹了原生ajax處理json格式數(shù)據(jù)的實例代碼,需要的朋友可以參考下2016-12-12
本節(jié)主要介紹了js識別不同瀏覽器依據(jù)是userAgent，需要的朋友可以參考下2014-07-07
Javascript 類、命名空間、代碼組織代碼，學習js的朋友可以參考下。2011-07-07
JavaScript實現(xiàn)網(wǎng)頁tab欄效果制作
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)網(wǎng)頁tab欄效果制作，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
JavaScript實現(xiàn)簡易計算器功能的兩種方法
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡易計算器功能的兩種方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
ES6常用小技巧總結【去重、交換、合并、反轉(zhuǎn)、迭代、計算等】
這篇文章主要介紹了ES6常用小技巧,結合實例形式總結分析了ES6常見的數(shù)組去重、交換變量、合并數(shù)組、字符串反轉(zhuǎn)、數(shù)組迭代、數(shù)值計算等相關操作技巧,需要的朋友可以參考下2019-12-12
這篇文章主要為大家分享了javascript時間差插件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-07-07