JavaScript实现iframe延时加载的三种方案

本文介绍一种使用JavaScript实现iframe框架延时加载的具体方法，供读者参考学习。

为了提升网站打开速度，有时需要实现部分内容的延时加载。接下来将详细介绍几种JavaScript实现iframe延时加载的技术方案。

方案一：利用innerHTML赋值实现加载

首先准备需要加载区域的HTML结构，示例代码如下：

<div id="indexlogin"></div>

在页面底部放置包含实际JS调用的临时脚本标签，代码如下：

<span id="tmpjsnews"><script type="text/javascript" src="你调用的js" language="javascript"></script></span>
<script type="text/javascript">document.getElementById("indexlogin").innerHTML=document.getElementById("tmpjsnews").innerHTML;</script>

方案二：window.onload触发加载

第二种方案是利用window.onload事件触发加载，代码如下：

window.onload = function() {
frames["BiframeName"].location.href = "B.htm";
}

方案三：setTimeout延迟创建节点

第三种方案是使用setTimeout函数进行延迟加载，代码如下：

setTimeout(function(){
var frame = document.createElement('IFAME');
frame.src = ' http://xxx.com';
document.getElementById('container').appendChild(frame);
}, 60000);

希望上述基于JavaScript的web程序设计方法能对大家有所帮助。