首先:
iframe onreadystatechange的事件只用于ie5.5以上版本
frame不支持onreadystatechange的事件
对于iframe
<iframe name="ifm_Test" src="http://www.google.cn" onreadystatechange="fnStartInit()"></iframe>
或者在js里面写:
<iframe name="ifm_Test"></iframe>
<script language="javascript">
function loadFile()
{
document.frames("ifm_Test").location.href="http://www.google.cn";
document.frames("ifm_Test").onreadystatechange=fnStartInit();
}
function fnStartInit()
{
if (document.frames("ifm_Test").readyState=="complete")
{
alert("框架文件加载完毕!");
}
}
对于frame:
<frameset cols="*,*">
<frame name="ifm_Test" src="http://www.google.cn" />
<frame name="ifm_Test1" src="http://www.baidu.cn" />
</frameset>
只能在js里面写:
<script language="javascript">
document.onreadystatechange = ready;
function ready()
{
if(document.readyState == "complete")
{
alert("框架文件加载完毕!");
}
}
</script>
分享到:
相关推荐
`onreadystatechange`事件在Internet Explorer浏览器中被广泛使用,当`iframe`的内容状态发生变化时,例如加载完成,这个事件会被触发。然而,Firefox和其他遵循W3C标准的浏览器并不支持`onreadystatechange`事件,...
iframe,全称为“Inline Frame”,即内联框架,是HTML中用于嵌入另一个HTML文档的元素。它允许开发者在同一个网页上展示多个独立的内容,无需新开窗口或页面跳转。常见的应用场景包括嵌入广告、地图、视频等第三方...
4. **修改`iframe`标签**:在`iframe`标签中添加`onreadystatechange`和`onload`事件监听器,分别在IE和其他浏览器中调用相应的函数。 #### 示例代码 ```html function stateChangeIE(_frame) { if (_frame....
对于IE8及更早版本,可能需要使用特定的解决方案,如`jQuery`的`$.get()`方法或者`onreadystatechange`事件来获取`iframe`内容的高度。 6. **注意事项**: - 由于同源策略的限制,只有当`iframe`加载的页面与父...
另一种方法是使用`onreadystatechange`事件,这个事件在`iframe`的`readyState`属性改变时触发。当`readyState`为"complete"时,表示`iframe`已经加载完成。但是,`onreadystatechange`事件并不总是可靠的,因为它...
- 为了兼容不同的浏览器事件处理,可能需要同时监听`onreadystatechange`和`onload`事件。 4. **第三方程序设置站点session** - 在某些情况下,可能需要在Iframe内部操作外部页面的session,例如共享登录状态。这...
IE的每个elem节点都会拥有一个onreadystatechange事件,这个事件每次在elem内容发送变化的时候触发,比如内容正在载入loading会触发,内容载入完毕loaded会触发,内容载入成功complete会触发,这个函数还需要配合...
可以使用`onload`和`onreadystatechange`事件监听加载状态: ```javascript oScript.onload = oScript.onreadystatechange = function(){ if ((!this.readyState) || this.readyState == "complete") { // JS已...
6. 响应处理:服务器返回结果,前端通过监听XMLHttpRequest对象的onreadystatechange事件,当readyState变为4(表示请求完成)且status为200(表示请求成功)时,读取并解析响应数据。 7. 更新页面:根据服务器返回...
<iframe id="hiddenFrame" style="display:none;"></iframe> <form action="MyServlet" target="hiddenFrame" method="post"> ();"> </form> ``` JavaScript处理提交: ```javascript function submitForm() { ...
之后可以在一个页面中通过`iframe`的方式加载另一个页面并相互操作DOM等资源。 - **代码示例**: ```javascript // www.a.com上的a.html document.domain = 'a.com'; var ifr = document.createElement('iframe...
- **IFrame (Inline Frame)**: 早期实现AJAX的一种方法,通过内联框架发送请求。缺点是会生成大量无用的IFrame。 - **Data-Uploading Hack**: 一种用于上传数据的技巧,但存在安全性问题。 - **XMLHttpRequest**: ...
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey ...
当响应到达时,JavaScript会触发onreadystatechange事件,通过status和responseText属性获取并处理返回的数据。 3. **DOM操作**:接收到服务器响应后,Ajax应用通常会使用DOM(Document Object Model)来动态更新...
xhr.onreadystatechange = function() { if (xhr.readyState == 4) { if (xhr.status == 200) { cbk(xhr.responseText); xhr.open('get', url, true); xhr.send(otherData); } } } xhr.open('get', url, ...