欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

javascript实现iframe框架延时加载的方法_javascript技巧

程序员文章站 2022-05-12 11:11:29
...
本文实例讲述了javascript实现iframe框架延时加载的方法。分享给大家供大家参考。具体实现方法如下:

有的时候我们希望页面的一些东西实现延时加载,这样可以不影响网站打开速度,下面我来给大家介绍javascript实现iframe框架延时加载方法吧。

需要加载区域HTML代码:

复制代码 代码如下:

下面代码放在底部

复制代码 代码如下:


代码二

复制代码 代码如下:
window.onload = function() {
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);

希望本文所述对大家基于javascript的web程序设计有所帮助。