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 相关文章推荐
Js 时间函数getYear()的使用问题探讨
Apr 01 Javascript
在JS中如何调用JSP中的变量
Jan 22 Javascript
解决jQuery使用JSONP时产生的错误
Dec 02 Javascript
微信公众号-获取用户信息(网页授权获取)实现步骤
Oct 21 Javascript
js防刷新的倒计时代码 js倒计时代码
Sep 06 Javascript
JavaScript中使用import 和require打包后实现原理分析
Mar 07 Javascript
JS简单实现查看文档创建日期、修改日期和文档大小的方法示例
Apr 08 Javascript
微信小程序如何获取手机验证码
Nov 04 Javascript
Vue动态组件与异步组件实例详解
Feb 23 Javascript
详解解决小程序中webview页面多层history返回问题
Aug 20 Javascript
解决vue打包报错Unexpected token: punc的问题
Oct 24 Javascript
vue-calendar-component 封装多日期选择组件的实例代码
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
在PHP3中实现SESSION的功能(二)
2006/10/09 PHP
header()函数使用说明
2006/11/23 PHP
php分页原理 分页代码 分页类制作教程
2016/09/23 PHP
JavaScript编程开发中的五个实用小技巧
2010/07/22 Javascript
dojo学习第一天 Tab选项卡 实现
2011/08/28 Javascript
javascript淡入淡出效果的实现思路
2012/03/31 Javascript
js获取url中指定参数值的示例代码
2013/12/14 Javascript
node.js中的buffer.Buffer.isBuffer方法使用说明
2014/12/14 Javascript
原生js实现addClass,removeClass,hasClass方法
2016/04/27 Javascript
微信小程序 swiper制作tab切换实现附源码
2017/01/21 Javascript
vue动态组件实现选项卡切换效果
2017/03/08 Javascript
Nodejs中使用captchapng模块生成图片验证码
2017/05/18 NodeJs
node.js基于express使用websocket的方法
2017/11/09 Javascript
解决vue-cli创建项目的loader问题
2018/03/13 Javascript
vue-cli 如何打包上线的方法示例
2018/05/08 Javascript
详解nodejs 开发企业微信第三方应用入门教程
2019/03/12 NodeJs
详解vue中this.$emit()的返回值是什么
2019/04/07 Javascript
重学JS之显示强制类型转换详解
2019/06/30 Javascript
[02:59]2014DOTA2西雅图国际邀请赛 圆满落幕中国夺冠
2014/07/23 DOTA
[01:05:56]2018DOTA2亚洲邀请赛3月29日 小组赛A组 Newbee VS VG
2018/03/30 DOTA
[54:33]2018DOTA2亚洲邀请赛小组赛 A组加赛 Liquid vs Optic
2018/04/03 DOTA
Python 使用requests模块发送GET和POST请求的实现代码
2016/09/21 Python
浅谈Python实现贪心算法与活动安排问题
2017/12/19 Python
基于python分析你的上网行为 看看你平时上网都在干嘛
2019/08/13 Python
python实现sm2和sm4国密(国家商用密码)算法的示例
2020/09/26 Python
Python类绑定方法及非绑定方法实例解析
2020/10/09 Python
详解利用canvas实现环形进度条的方法
2019/06/12 HTML / CSS
Get The Label中文官网:英国运动时尚购物平台
2017/04/19 全球购物
澳大利亚快时尚鞋类市场:Billini
2018/05/20 全球购物
linux面试题参考答案(9)
2015/01/07 面试题
实体的生命周期
2013/08/31 面试题
白岩松演讲
2014/05/21 职场文书
教师学习三严三实心得体会
2014/10/13 职场文书
领导工作表现评语
2015/01/04 职场文书
2016中秋节晚会开场白
2015/11/26 职场文书
Go语言入门exec的基本使用
2022/05/20 Golang