javascript实现iframe框架延时加载的方法_javascript技巧
程序员文章站
2022-05-12 11:11:29
...
本文实例讲述了javascript实现iframe框架延时加载的方法。分享给大家供大家参考。具体实现方法如下:
下面代码放在底部
代码二
利用setTimeout
有的时候我们希望页面的一些东西实现延时加载,这样可以不影响网站打开速度,下面我来给大家介绍javascript实现iframe框架延时加载方法吧。
需要加载区域HTML代码:
复制代码 代码如下:
下面代码放在底部
复制代码 代码如下:
代码二
复制代码 代码如下:
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程序设计有所帮助。
上一篇: php 函数递归调用实例
下一篇: php 获取文件扩展名的5种方法
推荐阅读
-
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
-
在JavaScript应用中实现延迟加载的方法
-
JavaScript实现图片懒加载的方法分析
-
jQuery实现动态加载(按需加载)javascript文件的方法分析
-
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
-
动态的改变IFrame的高度实现IFrame自动伸展适应高度_javascript技巧
-
两种方法实现在HTML页面加载完毕后运行某个js_javascript技巧
-
不用ajax实现点击文字即可编辑的方法_javascript技巧
-
JS获取并操作iframe中元素的方法_javascript技巧
-
JavaScript调用Activex控件的事件的实现方法_javascript技巧