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 中文字符串处理额外注意事项
Nov 15 Javascript
jquery ajax执行后台方法
Mar 18 Javascript
ajax中get和post的说明及使用与区别
Dec 23 Javascript
js弹出层包含flash 不能关闭隐藏的2种处理方法
Jun 17 Javascript
深究AngularJS如何获取input的焦点(自定义指令)
Jun 12 Javascript
详解为Bootstrap Modal添加拖拽的方法
Jan 05 Javascript
详解如何在webpack中做预渲染降低首屏空白时间
Aug 22 Javascript
vee-validate vue 2.0自定义表单验证的实例
Aug 28 Javascript
vue3.0 CLI - 2.6 - 组件的复用入门教程
Sep 14 Javascript
详解JavaScript实现动态的轮播图效果
Apr 29 Javascript
一篇文章带你浅入webpack的DLL优化打包
Feb 20 Javascript
vuecli项目构建SSR服务端渲染的实现
Oct 30 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
一些PHP写的小东西
2006/12/06 PHP
PHP中的数组处理函数实例总结
2016/01/09 PHP
PHP中key和current,next的联合运用实例分析
2016/03/29 PHP
基于php编程规范(详解)
2017/08/17 PHP
extjs中grid中嵌入动态combobox的应用
2011/01/01 Javascript
JavaScript之编码规范 推荐
2012/05/23 Javascript
JS 退出系统并跳转到登录界面的实现代码
2013/06/29 Javascript
获得Javascript对象属性个数的示例代码
2013/11/21 Javascript
node爬取微博的数据的简单封装库nodeweibo使用指南
2015/01/02 Javascript
javascript 广告移动特效的实现代码
2016/06/25 Javascript
详解jQuery简单的表格应用
2016/12/16 Javascript
Vue.js实现表格动态增加删除的方法(附源码下载)
2017/01/20 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
2017/02/08 Javascript
bootstrap轮播图示例代码分享
2017/05/17 Javascript
axios post提交formdata的实例
2018/03/16 Javascript
vue component 中引入less文件报错 Module build failed
2019/04/17 Javascript
微信小程序动态添加和删除组件的现实
2020/02/28 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
2020/10/21 Javascript
在Python中使用SimpleParse模块进行解析的教程
2015/04/11 Python
Python判断变量是否为Json格式的字符串示例
2017/05/03 Python
python自动化生成IOS的图标
2018/11/13 Python
详解Python用三种方式统计词频的方法
2019/07/29 Python
python获取全国城市pm2.5、臭氧等空气质量过程解析
2019/10/12 Python
python实现的汉诺塔算法示例
2019/10/23 Python
sklearn+python:线性回归案例
2020/02/24 Python
django创建超级用户时指定添加其它字段方式
2020/05/14 Python
用python打开摄像头并把图像传回qq邮箱(Pyinstaller打包)
2020/05/17 Python
使用Pytorch搭建模型的步骤
2020/11/16 Python
CSS3制作圆角图片和椭圆形图片
2016/07/08 HTML / CSS
HomeAway澳大利亚:预订你的度假屋,公寓、度假村、别墅等
2019/02/20 全球购物
Chi Chi London官网:购买连衣裙和礼服
2020/10/25 全球购物
毕业生自荐书
2013/12/18 职场文书
买卖车协议书
2014/04/21 职场文书
信息与计算机科学职业规划范文:成为一艘有方向的船
2014/09/11 职场文书
机械生产实习心得体会
2016/01/22 职场文书
Python selenium绕过webdriver监测执行javascript
2022/04/12 Python