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 相关文章推荐
Jquery实战_读书笔记2 选择器
Jan 22 Javascript
通过JS动态创建一个html DOM元素并显示
Oct 15 Javascript
简介JavaScript中toTimeString()方法的使用
Jun 12 Javascript
总结JavaScript中布尔操作符||与&amp;&amp;的使用技巧
Nov 17 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
Dec 24 Javascript
JavaScript希尔排序、快速排序、归并排序算法
May 08 Javascript
javascript对象的相关操作小结
May 16 Javascript
JavaScript作用域示例详解
Jul 07 Javascript
JavaScript实现AOP详解(面向切面编程,装饰者模式)
Dec 19 Javascript
详解vue-cli 脚手架 安装
Apr 16 Javascript
koa+jwt实现token验证与刷新功能
May 30 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
Oct 11 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函数常用用法小结
2010/02/08 PHP
解决form中action属性后面?传递参数 获取不到的问题
2017/07/21 PHP
yii2 开发api接口时优雅的处理全局异常的方法
2019/05/14 PHP
laravel框架中表单请求类型和CSRF防护实例分析
2019/11/23 PHP
PHP设计模式之迭代器模式Iterator实例分析【对象行为型】
2020/04/26 PHP
IFrame跨域高度自适应实现代码
2012/08/16 Javascript
jquery 删除字符串最后一个字符的方法解析
2014/02/11 Javascript
网页中表单按回车就自动提交的问题的解决方案
2014/11/03 Javascript
分享一则JavaScript滚动条插件源码
2015/03/03 Javascript
BootStrap智能表单实战系列(十一)级联下拉的支持
2016/06/13 Javascript
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
2016/07/08 Javascript
javascript入门之window对象【新手必看】
2016/11/22 Javascript
jquery点击展示与隐藏更多内容
2016/12/03 Javascript
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
2017/01/21 Javascript
详解vuex 中的 state 在组件中如何监听
2017/05/23 Javascript
vue vue-Router默认hash模式修改为history需要做的修改详解
2018/09/13 Javascript
详解基于Vue,Nginx的前后端不分离部署教程
2018/12/04 Javascript
详解Vue中的基本语法和常用指令
2019/07/23 Javascript
python快速查找算法应用实例
2014/09/26 Python
以911新闻为例演示Python实现数据可视化的教程
2015/04/23 Python
Python探索之ModelForm代码详解
2017/10/26 Python
python 将大文件切分为多个小文件的实例
2019/01/14 Python
详解python中的线程与线程池
2019/05/10 Python
使用Django清空数据库并重新生成
2020/04/03 Python
使用jTopo给Html5 Canva中绘制的元素添加鼠标事件
2014/05/15 HTML / CSS
利用HTML5 Canvas制作一个简单的打飞机游戏
2015/05/11 HTML / CSS
校园自助餐厅的创业计划书
2013/12/26 职场文书
二年级学生评语大全
2014/04/23 职场文书
商场营业员岗位职责
2015/04/14 职场文书
2015年节能减排工作总结
2015/05/14 职场文书
爱国主义电影观后感
2015/06/18 职场文书
导游词之山东八大关
2019/12/18 职场文书
为什么 Nginx 比 Apache 更牛逼
2021/03/31 Servers
如何在C++中调用Python
2021/05/21 Python
MySQL系列之五 视图、存储函数、存储过程、触发器
2021/07/02 MySQL
python中使用 unittest.TestCase单元测试的用例详解
2021/08/30 Python