IFrame 加载网页完成事件 - tianlihu - ITeye博客

`

tianlihu

浏览: 314423 次
性别:
来自: 石家庄

最近访客更多访客>>

黑色巨变

loool

artemis83

deniskim

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

837718860：之前总会看到不定长参数，现在大概知道意思了。
简单介绍Java的不定长度参数
kjstart：因为当LRU用你就可以从头删了
LinkedHashMap 用法
chico：一直对maven了解不多，准备借鉴一下。
Struts+Spring+Hibernate注解零配置整合
shmily2038：建议写点源码安装的，这个没难度
Centos6下安装和配置mysql-server
jy34521：谢谢，学到很多东西
Struts+Spring+Hibernate注解零配置整合

IFrame 加载网页完成事件

博客分类：

javascript

阅读更多

今天，需要用到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>

分享到：

Java 反射获取范型中的参数 | 用javascript实现的TreeTable, 可以当做树 ...

2010-06-17 15:34
浏览 28263
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

判断iframe里的页面是否加载完成: // 当iframe加载完成后，执行此函数 console.log("加载完成"); // 如果需要在父页面中调用iframe页面的方法，可以这样操作 // 假设iframe页面有一个名为AddReceipt2的方法 if (iframeElement.contentWindow &...

获取iframe子网页的Height: 对于`iframe`加载完成后获取高度的情况，可以使用`onload`事件，确保`iframe`内容已完全加载再计算高度： ```javascript var iframe = document.getElementById('iframeId'); iframe.onload = function() { var ...

C#判断webbrowser页面最终加载完成: 1. **等待所有iframe加载**：检查`WebBrowser.Document.Window.Frames.Count`，如果存在多个框架，我们需要监听每个框架的`DocumentCompleted`事件，确保所有框架内的页面都已完成加载。 2. **监听`ProgressChanged...

js下判断 iframe 是否加载完成的完美方法: 如果不是，我们为`iframe`的`onload`事件添加一个事件处理函数，当`iframe`加载完成后，会弹出警告框显示消息。对于IE浏览器，我们需要使用`attachEvent`来注册`onload`事件，因为IE不支持直接在元素上设置`onload...

jquery如何实现在加载完iframe的内容后再进行操作: // 在这里放置你需要在iframe加载完成后执行的代码 }); // 对于Internet Explorer if (iframe[0].attachEvent) { iframe[0].attachEvent("onload", function() { // 在这里放置你需要在iframe加载完成后执行的...

JS判断iframe是否加载完成的方法: 在网页开发中，有时我们需要对页面中的`iframe`（内联框架）进行操作，而这些操作通常需要在`iframe`完全加载完成之后执行。本文将详细介绍两种JavaScript方法，用于判断`iframe`是否加载完成，以便在正确的时间进行...

精确判断webbrowser是否加载完成demo(delphi): `OnBeforeNavigate`事件在导航开始之前触发，`OnNavigateComplete2`事件则在URL导航完成时触发，但这并不意味着网页内容已经完全加载，因为可能还有一些资源（如图片或脚本）尚未加载。真正能表示页面完全加载的事件...

在iframe 中页面中设置遮罩遮罩层: 在网页设计中，有时我们需要在页面中添加一个遮罩层，以实现如加载动画、弹窗提示或隐藏部分内容的效果。本话题将详细讲解如何在iframe中实现页面的遮罩层功能，结合`right.html`, `main.html`, `left.html`, `top....

unigui_网页iframe交互: // 在IFrame加载完成后执行的代码 }; iframe.src = 'http://example.com'; ``` 而在IFrame内部，可以使用`window.parent`对象来访问父页面： ```javascript window.parent.postMessage('Hello from iframe', ...

JS iFrame加载慢怎么解决: 由于JavaScript执行是单线程的，这种延时操作能够在某种程度上保证iFrame加载的完成。但是，从长远来看，依靠JavaScript来动态控制加载时机并不是一个最佳的实践。更好的方法包括： 1. 在文档加载完成后使用...

判断iframe是否加载完成的完美方法: 但是，`onreadystatechange`事件并不总是可靠的，因为它可能会在`iframe`的某些部分加载完成但全部内容尚未加载完毕时触发。因此，这种方法相比`onload`事件来说可能存在一些潜在问题。 ```javascript var iframe =...

通过JavaScript+IFRAME实现页面分屏加载: // 添加事件监听器，确保头部加载完成后才加载主体 headerIframe.onload = function() { document.body.appendChild(mainIframe); }; // 创建底部IFRAME var footerIframe = document.createElement('iframe'); ...

解决双iframe互相刷新进入死循环的问题: 4. **设置计数器或延迟**：为每个iframe加载设置一个计数器或延时，如果在一定时间内或达到一定重载次数后仍然没有停止，就阻止进一步的重载。 5. **使用独立的控制层**：创建一个外部的控制层（如JavaScript对象或...

嵌入到HTML的iframe自动适应大小: 自动调整iframe高度的核心在于监听页面加载完成事件，然后通过JavaScript读取iframe内部内容的高度，并将其设置为iframe本身的高度。这一过程通常需要针对不同浏览器进行适配，因为iframe在不同的浏览器中可能采用...

iframe根据页面内容自适应高度和宽度: 可以监听`load`事件，当`iframe`加载完成后，通过`contentWindow`和`contentDocument`属性获取内容的尺寸，然后调整`iframe`的大小。例如： ```javascript document.getElementById('myIframe').addEventListener('...

完美解决iframe跨域问题: 3. **iframe跨域问题**：当iframe加载的页面与包含它的页面不在同一个域时，就会出现跨域问题，导致无法直接通过JavaScript进行通信，如获取iframe内的内容、设置iframe的属性等。 **二、iframe跨域的解决方案** 1...

Jquery实现iframe功能: // 在这里添加你想要在iframe加载完成后执行的代码 }); ``` 需要注意的是，由于同源策略的限制，如果iframe加载的内容与包含它的页面不在同一域名下，我们可能无法直接访问或修改iframe内的内容。这是一条重要的...

iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题: 而`onload`事件则可以在`<iframe>`内容加载完成后执行特定的JavaScript函数。针对`<iframe>`内容高度自适应，上述经典代码提供了一个解决方案。这段JavaScript函数`setIFrameHeight(iframe)`通过获取`<iframe>`内...

iframe实现左侧菜单右侧页面简单示例: 通过iframe，我们可以实现在一个页面中加载多个独立的网页，这对于构建多页面应用或者实现动态内容更新非常有用。在本示例中，iframe被用来显示右侧的页面内容，当用户在左侧菜单中点击不同的链接时，iframe会加载...

div+css代替iframe框架并带全屏遮罩加载特效: 在网页加载过程中，全屏遮罩能够提供良好的用户体验，它可以在页面内容加载完成之前显示一个覆盖整个屏幕的半透明背景，通常配以加载动画，让用户知道页面正在加载。要实现这一效果，可以创建一个全屏的`div`，设置...

Global site tag (gtag.js) - Google Analytics