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 相关文章推荐
extjs 学习笔记(三) 最基本的grid
Oct 15 Javascript
ComboBox 和 DateField 在IE下消失的解决方法
Aug 30 Javascript
Js nodeType 属性全面解析
Nov 14 Javascript
使用documentElement正确取得当前可见区域的大小
Jul 25 Javascript
jQuery插件Validate实现自定义表单验证
Jan 18 Javascript
javascript 实现动态侧边栏实例详解
Nov 11 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
jquery实现限制textarea输入字数的方法
Sep 06 jQuery
详解Vue基于vue-quill-editor富文本编辑器使用心得
Jan 03 Javascript
Vue.js特性Scoped Slots的浅析
Feb 20 Javascript
Node.js 多线程完全指南总结
Mar 27 Javascript
vue使用echarts图表自适应的几种解决方案
Dec 04 Vue.js
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/31 PHP
PHP 杂谈《重构-改善既有代码的设计》之四 简化条件表达式
2012/04/09 PHP
php使用fputcsv()函数csv文件读写数据的方法
2015/01/06 PHP
微信推送功能实现方式图文详解
2019/07/12 PHP
JavaScript判断两种格式的输入日期的正确性的代码
2007/03/25 Javascript
js限制文本框输入长度两种限制方式(长度、字节数)
2012/12/19 Javascript
location对象的属性和方法应用(解析URL)
2013/04/12 Javascript
模拟多级复选框效果的jquery代码
2013/08/13 Javascript
分享20款美化网站的 jQuery Lightbox 灯箱插件
2014/10/10 Javascript
设置点击文本框或图片弹出日历控件的实现代码
2016/05/12 Javascript
JS html时钟制作代码分享
2017/03/03 Javascript
jQuery用户头像裁剪插件cropbox.js使用详解
2017/06/07 jQuery
JS FormData上传文件的设置方法
2017/07/05 Javascript
一个简易的js图片轮播效果
2017/07/22 Javascript
parabola.js抛物线与加入购物车效果的示例代码
2017/10/25 Javascript
序列化模块json代码实例详解
2020/03/03 Javascript
vue实现图片上传到后台
2020/06/29 Javascript
Python开发编码规范
2006/09/08 Python
python client使用http post 到server端的代码
2013/02/10 Python
Python中lambda的用法及其与def的区别解析
2014/07/28 Python
状态机的概念和在Python下使用状态机的教程
2015/04/11 Python
利用 python 对目录下的文件进行过滤删除
2017/12/27 Python
对Python 网络设备巡检脚本的实例讲解
2018/04/22 Python
Python基于滑动平均思想实现缺失数据填充的方法
2019/02/21 Python
Form表单及django的form表单的补充
2019/07/25 Python
python或C++读取指定文件夹下的所有图片
2019/08/31 Python
使用pytorch实现可视化中间层的结果
2019/12/30 Python
Python matplotlib画图时图例说明(legend)放到图像外侧详解
2020/05/16 Python
Python3 pywin32模块安装的详细步骤
2020/05/26 Python
纯CSS实现颜色渐变效果(包含环形渐变、线性渐变、彩虹效果等)
2014/05/07 HTML / CSS
css3中新增的样式使用示例附效果图
2014/08/19 HTML / CSS
荷兰网上买鞋:MooieSchoenen.nl
2017/09/12 全球购物
运动会广播稿300字
2014/01/10 职场文书
怎样写好创业计划书的内容
2014/02/06 职场文书
2014年自愿离婚协议书范本
2014/09/25 职场文书
mysql数据插入覆盖和时间戳的问题及解决
2022/03/25 MySQL