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.元素坐标动画效果(创建一个图片走廊)
Aug 24 Javascript
JS拖拽组件学习使用
Jan 19 Javascript
JS实现支持Ajax验证的表单插件
Mar 24 Javascript
学习Javascript闭包(Closure)知识
Aug 07 Javascript
JavaScript常用正则验证函数实例小结【年龄,数字,Email,手机,URL,日期等】
Jan 23 Javascript
jQuery源码分析之init的详细介绍
Feb 13 Javascript
如何使用Bootstrap 按钮实例详解
Mar 29 Javascript
Vue的移动端多图上传插件vue-easy-uploader的示例代码
Nov 27 Javascript
微信小程序如何调用图片接口API并居中显示
Jun 29 Javascript
layer 刷新某个页面的实现方法
Sep 05 Javascript
实例讲解React 组件生命周期
Jul 08 Javascript
JS实现简单的九宫格抽奖
Jun 28 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
apache+mysql+php+ssl服务器之完全安装攻略
2006/09/05 PHP
PHP的substr_replace将指定两位置之间的字符替换为*号
2011/05/04 PHP
php中将图片gif,jpg或mysql longblob或blob字段值转换成16进制字符串
2011/08/23 PHP
PHP实现对站点内容外部链接的过滤方法
2014/09/10 PHP
浅谈php正则表达式中的非贪婪模式匹配的使用
2014/11/25 PHP
php实现websocket实时消息推送
2018/03/30 PHP
HTTP状态代码以及定义(解释)
2007/02/02 Javascript
Js中的onblur和onfocus事件应用介绍
2013/08/27 Javascript
获取当前点击按钮的id用this.id实现
2014/03/17 Javascript
如何让浏览器支持jquery ajax load 前进、后退功能
2014/06/12 Javascript
基于jQuery实现动态数字展示效果
2015/08/12 Javascript
使用堆实现Top K算法(JS实现)
2015/12/25 Javascript
angular2使用简单介绍
2016/03/01 Javascript
JavaScript记录光标在编辑器中位置的实现方法
2016/04/22 Javascript
JavaScript通过HTML的class来获取HTML元素的方法总结
2016/05/24 Javascript
Javascript 实现简单计算器实例代码
2016/10/23 Javascript
动态加载权限管理模块中的Vue组件
2018/01/16 Javascript
前端面试知识点目录一览
2019/04/15 Javascript
详解vue-cli+es6引入es5写的js(两种方法)
2019/04/19 Javascript
layer.alert回调函数执行关闭弹窗的实例
2019/09/11 Javascript
Echarts实现多条折线可拖拽效果
2019/12/19 Javascript
node.js中 mysql 增删改查操作及async,await处理实例分析
2020/02/11 Javascript
javascript实现简易计算器功能
2020/09/23 Javascript
[54:43]DOTA2-DPC中国联赛 正赛 CDEC vs Dynasty BO3 第一场 2月22日
2021/03/11 DOTA
python画图系列之个性化显示x轴区段文字的实例
2018/12/13 Python
python 字符串常用函数详解
2019/09/11 Python
解决pytorch多GPU训练保存的模型,在单GPU环境下加载出错问题
2020/06/23 Python
html5的画布canvas——画出弧线、旋转的图形实例代码+效果图
2013/06/09 HTML / CSS
旧时光糖果:Old Time Candy
2018/02/05 全球购物
JD Sports德国官网:英国领先的运动鞋和运动服饰零售商
2018/02/26 全球购物
后勤人员自我鉴定
2013/10/20 职场文书
厨房工作人员岗位职责
2013/11/15 职场文书
2014国庆节幼儿园亲子活动方案
2014/09/16 职场文书
文案策划岗位个人自我评价(范文)
2019/08/08 职场文书
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
2021/04/13 Javascript
SQL中的连接查询详解
2022/06/21 SQL Server