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 radio 联动效果
Mar 04 Javascript
jQuery EasyUI API 中文文档 - Menu菜单
Oct 03 Javascript
js使用eval解析json实例与注意事项分享
Jan 18 Javascript
JS兼容浏览器的导出Excel(CSV)文件的方法
May 03 Javascript
微信小程序(应用号)开发新闻客户端实例
Oct 24 Javascript
如何在Angular2中使用jQuery及其插件的方法
Feb 09 Javascript
JavaScript实现分页效果
Mar 28 Javascript
Vue通过input筛选数据
Oct 26 Javascript
gulp安装以及打包合并的方法教程
Nov 19 Javascript
vue中get请求如何传递数组参数的方法示例
Nov 08 Javascript
VUE.CLI4.0配置多页面入口的实现
Nov 25 Javascript
Vue+Element UI 树形控件整合下拉功能菜单(tree + dropdown +input)
Aug 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
PHP pathinfo()获得文件的路径、名称等信息说明
2011/09/13 PHP
使用Curl进行抓取远程内容时url中文编码问题示例探讨
2013/10/29 PHP
php版微信公众平台入门教程之开发者认证的方法
2016/09/26 PHP
PHP常用函数之base64图片上传功能详解
2019/10/21 PHP
JavaScript的eval JSON object问题
2009/11/15 Javascript
js和jquery批量绑定事件传参数一(新猪猪原创)
2010/06/23 Javascript
this和执行上下文实现代码
2010/07/01 Javascript
如何确保JavaScript的执行顺序 之jQuery.html深度分析
2011/03/03 Javascript
js自执行函数的几种不同写法的比较
2012/08/16 Javascript
Javascript动态创建表格及删除行列的方法
2015/05/15 Javascript
js随机生成一个验证码
2017/06/01 Javascript
JS实现页面内跳转的简单代码
2017/09/03 Javascript
JavaScript实现职责链模式概述
2018/01/25 Javascript
浅谈Angular HttpClient简单入门
2018/05/04 Javascript
JS中实现隐藏部分姓名或者电话号码的代码
2018/07/17 Javascript
又拍云 Node.js 实现文件上传、删除功能
2018/10/28 Javascript
vue组件中的样式属性scoped实例详解
2018/10/30 Javascript
vue中引入第三方字体文件的方法示例
2018/12/17 Javascript
vue-router beforeEach跳转路由验证用户登录状态
2018/12/26 Javascript
Vue CLI 3.x 自动部署项目至服务器的方法
2019/04/02 Javascript
仿iPhone通讯录制作小程序自定义选择组件的实现
2019/05/23 Javascript
微信小程序实现圆形进度条动画
2020/11/18 Javascript
Vue分页器实现原理详解
2019/06/28 Javascript
vue el-table实现行内编辑功能
2019/12/11 Javascript
js对象属性名驼峰式转下划线的实例代码
2020/09/17 Javascript
利用Python中的mock库对Python代码进行模拟测试
2015/04/16 Python
Python实现线程状态监测简单示例
2018/03/28 Python
vim自动补全插件YouCompleteMe(YCM)安装过程解析
2019/10/21 Python
python解包概念及实例
2021/02/17 Python
毕业生简单求职信
2013/11/19 职场文书
新任教师自我鉴定
2014/02/24 职场文书
詹天佑教学反思
2014/04/30 职场文书
单位承诺书格式
2014/05/21 职场文书
小学语文教师研修感悟
2015/11/18 职场文书
检讨书格式
2019/04/25 职场文书
2019年销售部季度工作计划3篇
2019/10/09 职场文书