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


Posted in Javascript onOctober 30, 2014

本文实例讲述了javascript实现iframe框架延时加载的方法。分享给大家供大家参考。具体实现方法如下:

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

需要加载区域HTML代码:

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

下面代码放在底部
<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   =   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程序设计有所帮助。

Javascript 相关文章推荐
Javascript this指针
Jul 30 Javascript
JavaScript调用Activex控件的事件的实现方法
Apr 11 Javascript
javascript客户端解决方案 缓存提供程序
Jul 14 Javascript
struts2+jquery+json实现异步加载数据(自写)
Jun 24 Javascript
jQuery实现等比例缩放大图片让大图片自适应页面布局
Oct 16 Javascript
jquery实现在光标位置插入内容的方法
Feb 05 Javascript
jQuery实现可高亮显示的二级CSS菜单效果
Sep 01 Javascript
jquery插件EasyUI中form表单提交实例分享
Jan 11 Javascript
在JavaScript中对HTML进行反转义详解
May 18 Javascript
基于Vue制作组织架构树组件
Dec 06 Javascript
vue使用混入定义全局变量、函数、筛选器的实例代码
Jul 29 Javascript
vue中根据时间戳判断对应的时间(今天 昨天 前天)
Dec 20 Javascript
js中iframe调用父页面的方法
Oct 30 #Javascript
js防止页面被iframe调用的方法
Oct 30 #Javascript
escape函数解决js中ajax传递中文出现乱码问题
Oct 30 #Javascript
js防止DIV布局滚动时闪动的解决方法
Oct 30 #Javascript
js实现window.open不被拦截的解决方法汇总
Oct 30 #Javascript
一个JavaScript获取元素当前高度的实例
Oct 29 #Javascript
JS 实现列表与多选框选择附预览动画
Oct 29 #Javascript
You might like
PHP5.4中json_encode中文转码的变化小结
2013/01/30 PHP
php中隐形字符65279(utf-8的BOM头)问题
2014/08/16 PHP
php输出xml必须header的解决方法
2014/10/17 PHP
thinkphp视图模型查询提示ERR: 1146:Table 'db.pr_order_view' doesn't exist的解决方法
2014/10/30 PHP
js调用css属性写法
2013/09/21 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
2015/11/24 Javascript
基于javascript实现的购物商城商品倒计时实例
2016/12/11 Javascript
switchery按钮的使用方法
2017/12/18 Javascript
JS实现监控微信小程序的原理
2018/06/15 Javascript
JS基于对象的链表实现与使用方法示例
2019/01/31 Javascript
JavaScript实现图片的放大缩小及拖拽功能示例
2019/05/14 Javascript
vue3.0中的双向数据绑定方法及优缺点
2019/08/01 Javascript
[02:56]DOTA2矮人直升机 英雄基础教程
2013/11/26 DOTA
Python入门篇之字典
2014/10/17 Python
Python类方法__init__和__del__构造、析构过程分析
2015/03/06 Python
使用httplib模块来制作Python下HTTP客户端的方法
2015/06/19 Python
Python SQLite3简介
2018/02/22 Python
解决Python 爬虫URL中存在中文或特殊符号无法请求的问题
2018/05/11 Python
Django设置Postgresql的操作
2020/05/14 Python
解决pycharm导入本地py文件时,模块下方出现红色波浪线的问题
2020/06/01 Python
如何实现一个python函数装饰器(Decorator)
2020/10/12 Python
CSS3制作轮播图的一种方法
2019/11/11 HTML / CSS
详解HTML5中表单验证的8种方法介绍
2016/12/19 HTML / CSS
美国眼镜网站:EyeBuyDirect
2017/04/13 全球购物
若通过ObjectOutputStream向一个文件中多次以追加方式写入object,为什么用ObjectInputStream读取这些object时会产生StreamCorruptedException?
2016/10/17 面试题
社会保险接收函
2014/01/12 职场文书
餐饮业员工工作决心书
2014/03/11 职场文书
圣诞节活动策划方案
2014/06/09 职场文书
真诚的求职信
2014/07/04 职场文书
机关驾驶员违规检讨书
2014/09/13 职场文书
派出所副所长四风问题个人整改措施思想汇报
2014/10/13 职场文书
务虚会发言材料
2014/12/25 职场文书
深度学习小工程练习之垃圾分类详解
2021/04/14 Python
python 用递归实现通用爬虫解析器
2021/04/16 Python
MySQL如何构建数据表索引
2021/05/13 MySQL
python 安全地删除列表元素的方法
2022/03/16 Python