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 相关文章推荐
通过修改referer下载文件的方法
May 11 Javascript
基于jquery的tab切换 js原理
Apr 01 Javascript
用JQuery调用Session的实现代码
Oct 29 Javascript
jquery 操作css样式、位置、尺寸方法汇总
Nov 28 Javascript
javascript实现checkbox全选的代码
Apr 30 Javascript
JavaScript截断字符串的方法
Jul 15 Javascript
sencha ext js 6 快速入门(必看)
Jun 01 Javascript
html+js+highcharts绘制圆饼图表的简单实例
Aug 04 Javascript
bootstrap按钮插件(Button)使用方法解析
Jan 13 Javascript
js数组去重的方法总结
Jan 18 Javascript
Vue 实现点击空白处隐藏某节点的三种方式(指令、普通、遮罩)
Oct 23 Javascript
Vue中使用JsonView来展示Json树的实例代码
Nov 16 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
SSI指令
2006/11/25 PHP
php读取30天之内的根据算法排序的代码
2008/04/06 PHP
PHP 数组遍历顺序理解
2009/09/09 PHP
WordPress中注册菜单与调用菜单的方法详解
2015/12/18 PHP
PHP实现的多文件上传类及用法示例
2016/05/06 PHP
一个用js实现控制台控件的代码
2007/09/04 Javascript
JQuery与JSon实现的无刷新分页代码
2011/09/13 Javascript
JavaScript 实现类的多种方法实例
2013/05/01 Javascript
jquery实现的可隐藏重现的靠边悬浮层实例代码
2013/05/27 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
2015/06/23 Javascript
学习JavaScript设计模式(单例模式)
2015/11/26 Javascript
jQuery Mobile 和 Kendo UI 的比较
2016/05/05 Javascript
AngularJS 异步解决实现方法
2017/06/12 Javascript
详解vue跨组件通信的几种方法
2017/06/15 Javascript
JS实现普通轮播图特效
2020/01/01 Javascript
如何实现iframe父子传参通信
2020/02/05 Javascript
[01:34]DAC2018主赛事第四日五佳镜头 Gh巨牙海民助Miracle-死里逃生
2018/04/07 DOTA
python3爬虫怎样构建请求header
2018/12/23 Python
python实现定时发送qq消息
2019/01/18 Python
Python代码实现删除一个list里面重复元素的方法
2019/04/02 Python
pandas 对日期类型数据的处理方法详解
2019/08/08 Python
TensorFlow设置日志级别的几种方式小结
2020/02/04 Python
python连接打印机实现打印文档、图片、pdf文件等功能
2020/02/07 Python
简单了解django文件下载方式
2020/02/10 Python
Python3 filecmp模块测试比较文件原理解析
2020/03/23 Python
详解HTML5将footer置于页面最底部的方法(CSS+JS)
2018/10/11 HTML / CSS
世界最大的票务市场:viagogo
2017/02/16 全球购物
Linux面试题LINUX系统类
2014/11/19 面试题
机电专业个人自荐信格式模板
2013/09/23 职场文书
物业管理专业个人的自我评价
2013/11/19 职场文书
党的群众路线教育实践活动心得体会(教师)
2014/10/31 职场文书
幼师辞职信范文
2015/02/27 职场文书
党员评议自我评价
2015/03/03 职场文书
百年校庆感言
2015/08/01 职场文书
使用springboot暴露oracle数据接口的问题
2021/05/07 Oracle
MySQL创建管理KEY分区
2022/04/13 MySQL