`
tianlihu
  • 浏览: 311234 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
社区版块
存档分类
最新评论

IFrame 加载网页完成事件

阅读更多
今天,需要用到IFrame, 且用法比较特别,两个IFrame在同一个网页上,且需要加载完成一个IFrame后,才开始加载令一个IFrame,所以用到了IFrame加载完成的方法。把网上的资料整理如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
	var iframe;
	function load() {
		iframe = document.getElementById("iframe");
		iframe. onload = iframe. onreadystatechange = iframeload; 
		iframe.src = "http://www.baidu.com";
	}
	function iframeload() {
		if (!iframe.readyState || iframe.readyState == "complete") {
			alert("Local iframe is now loaded.");
		}
	}
</script>
</head>
<body onload="load()">
	<iframe id="iframe"></iframe>
</body>
</html>
分享到:
评论

相关推荐

    C#判断webbrowser页面最终加载完成

    C#判断webbrowser页面最终加载完成

    HTML网页制作教程 谨慎使用iframe标记

    使用 iframe 可以轻易的调用其他网站的页面,但应谨慎使用。...这会让浏览器的载入进度指示器完成,用户依据此判断页面是否已经加载完。而 onload 事件延迟,会让用户感觉页面变慢。 window 的 onloa

    网页分析专用工具~!

    * 支持含Frame和IFrame的网页; * 将Flash, 图像, JavaScript, Style Sheet, 链接分类显示在树中; * 能够生成网页的所含外部元素的报告,并估算整个网页完全下载所需的时间; * 双击鼠标查看JavaScript, Style ...

    教您去掉ie网页加载进度条的方法

    相信很多同仁做的系统后到都是用frameset或iframe来加载不同页面的,不可不知道大家有没有注意到,当frame框架中的页面已经加载完成后,可是ie浏览器的状态栏还会一直显示一个正在加载的状态。

    超实用的jQuery代码段

    全书分为11章,包含网页效果、DOM元素与属性、HTML事件、CSS样式、用户输入自动完成、拖放、图形图像、AJAX、算法、jQuery Mobile应用、浏览器、Cookies等jQuery技术内容,对提高网站开发人员和设计人员的jQuery技术...

    JavaScript基础教程第8版

    5.3 用JavaScript加载iframe 86 5.4 Iframes的使用 87 5.5 创建动态iframe 89 5.6 在文档之间共享函数 90 5.7 打开新窗口 92 5.8 为窗口加载不同的内容 96 第6章 表单处理 98 6.1 选择并转移导航...

    Avant Browser 2011 build 16

    Flash动画过滤:正在经历使用GPRS/3G连接网络时网页加载速度慢?网页中85%以上的flash动画都是广告。这 些flash文件相当大,通常占你所访问网页大小的90%以上。使用Avant浏览器你只需要简单的一击就可以通过 阻止...

    IBM WebSphere Portal门户开发笔记01

    72、判断 IFRAME 是否加载完成的方法 352 73、JS判断页面是否是在 IFRAME中 353 74、去掉浏览器中的滚动条 353 75、IFRAME滚动条样式 353 76、JS键盘事件 355 77、JS鼠标事件大全 355 78、JS滚动条滚动时监听 360 79...

    web-page-annotator:在浏览器中注释网页的某些部分

    网页注释器这是一个小型Web应用程序,用于对网页上的元素进行多级注释。 工作流程: 创建工作空间:指定标签(要使用的类)和要标签的URL。 在每个页面上,将鼠标悬停在要标记的元素上,右键单击并选择标签。 完成为...

    vue-router动态设置页面title的实例讲解

    解决方案是在路由切换完成之后,静默加载一个空的iframe动态设置title util.js中定义setMetaTitle()函数 function setMetaTitle(title) { document.title = title let mobile = navigator.us

    prerender.js:适用于所有浏览器的快速网页

    基于预渲染的 ,它将在隐藏的iframe中加载下一页。如果该链接位于按钮或链接元素中,则prerender.js运行。如果用户在移动设备上,则prerender.js运行。如果用户的浏览器是Internet Explorer 8,则prerender.js运行。...

    《程序天下:JavaScript实例自学手册》光盘源码

    1.20 在网页中动态添加Script脚本 1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 ...

    程序天下:JavaScript实例自学手册

    1.20 在网页中动态添加Script脚本 1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 ...

    UIWebView的使用代码

    接口,如果为webView添加了delegate对象并实现该接口,那么在webView加载任何一个frame之前都会delegate对象的该方法,该方法的返回值用以控制是否允许加载目标链接页面的内容,返回YES将直接加载内容,NO则反之。...

    网址点击器.rar

    * 支持完成任务后自动退出程序 * 支持自动开始执行动作 * 支持隐藏运行 * 支持网址模糊匹配点击 * 支持iframe内链接点击 *** 使用说明 *** 1、下载后,直接运行 webclick.exe 2、在左侧栏设定运行参数 3、单击...

    paymaya_flutter:非官方的PayMaya SDK。 它处理所有auth和api。 它使用http发送请求网址以完成购买

    PayMaya不允许加载iframe,因为X-FRAME-OPTIONS设置为deny 。 因此,唯一的解决方案是制作一个关闭窗口的重定向URL。 这样,您将可以通过自己的逻辑进行控制。 例子: /// returns payment link. final ...

    C#编程经验技巧宝典

    102 &lt;br&gt;0162 如何实现C#中用键完成TAB的功能 102 &lt;br&gt;0163 如何限制文本框密码输入长度 102 &lt;br&gt;0164 数据输入为空提示 103 &lt;br&gt;0165 如何设置文本框光标到末尾 103 &lt;br&gt;0166 输入法调整...

    网际畅游 MyIE 3.0 源代码

    域名完成:在地址栏输入网址时可以用Ctrl+Enter, Shift+Enter, Ctrl+Shift+Enter来帮你完成这个网址。他会为你加上http://www.及相应的后缀如:.com, .net, .com.cn。你可以在MyIE选项中修改它们。 一次打开窗口...

    cifplayer:CIF和POSCAR格式的化学结构的简约快速HTML5可视化

    使用纯JavaScript编写的 ,OPTIMADE JSON和VASP POSCAR结构的浏览器超快速,轻量级渲染器。 ... 查看。 只需要一个网络浏览器。 加载代码后,无需互联网连接。... 在这种情况下,将检查父网页的全局变量playerdata中的C

    Breadscrumbs-crx插件

    插入文件是通过iframe完成的。 这意味着,尽管您可以直接链接到图像和网站,但并不保证所有网站都可以这样做。 如果您想以这种方式嵌入Google云端硬盘文件,则选项页面提供了一个示例超链接。 要找到您的文件ID,请...

Global site tag (gtag.js) - Google Analytics