`
ljzforever
  • 浏览: 116496 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

关于frame/iframe的onreadystatechange事件

阅读更多
首先:
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>
分享到:
评论

相关推荐

    iframe的onreadystatechange事件在firefox下的使用

    `onreadystatechange`事件在Internet Explorer浏览器中被广泛使用,当`iframe`的内容状态发生变化时,例如加载完成,这个事件会被触发。然而,Firefox和其他遵循W3C标准的浏览器并不支持`onreadystatechange`事件,...

    iframe、数据库 简易代码

    iframe,全称为“Inline Frame”,即内联框架,是HTML中用于嵌入另一个HTML文档的元素。它允许开发者在同一个网页上展示多个独立的内容,无需新开窗口或页面跳转。常见的应用场景包括嵌入广告、地图、视频等第三方...

    解决IE,Firefox,chrome,safari浏览器中iframe显示高度自适应问题

    4. **修改`iframe`标签**:在`iframe`标签中添加`onreadystatechange`和`onload`事件监听器,分别在IE和其他浏览器中调用相应的函数。 #### 示例代码 ```html function stateChangeIE(_frame) { if (_frame....

    iframe自适应内容页面的高度

    对于IE8及更早版本,可能需要使用特定的解决方案,如`jQuery`的`$.get()`方法或者`onreadystatechange`事件来获取`iframe`内容的高度。 6. **注意事项**: - 由于同源策略的限制,只有当`iframe`加载的页面与父...

    完整可行、浏览器兼容、通过测试的Iframe高度自适应程序

    - 为了兼容不同的浏览器事件处理,可能需要同时监听`onreadystatechange`和`onload`事件。 4. **第三方程序设置站点session** - 在某些情况下,可能需要在Iframe内部操作外部页面的session,例如共享登录状态。这...

    判断iframe是否加载完成的完美方法

    另一种方法是使用`onreadystatechange`事件,这个事件在`iframe`的`readyState`属性改变时触发。当`readyState`为"complete"时,表示`iframe`已经加载完成。但是,`onreadystatechange`事件并不总是可靠的,因为它...

    基于JS判断iframe是否加载成功的方法(多种浏览器)

    IE的每个elem节点都会拥有一个onreadystatechange事件,这个事件每次在elem内容发送变化的时候触发,比如内容正在载入loading会触发,内容载入完毕loaded会触发,内容载入成功complete会触发,这个函数还需要配合...

    动态加载js、css等文件跨iframe实现

    可以使用`onload`和`onreadystatechange`事件监听加载状态: ```javascript oScript.onload = oScript.onreadystatechange = function(){ if ((!this.readyState) || this.readyState == "complete") { // JS已...

    ajax无刷新上传图片

    6. 响应处理:服务器返回结果,前端通过监听XMLHttpRequest对象的onreadystatechange事件,当readyState变为4(表示请求完成)且status为200(表示请求成功)时,读取并解析响应数据。 7. 更新页面:根据服务器返回...

    jsp与JavaScript提交至servlet的几种方式

    &lt;iframe id="hiddenFrame" style="display:none;"&gt;&lt;/iframe&gt; &lt;form action="MyServlet" target="hiddenFrame" method="post"&gt; ();"&gt; &lt;/form&gt; ``` JavaScript处理提交: ```javascript function submitForm() { ...

    JavaScript跨域总结与解决办法

    之后可以在一个页面中通过`iframe`的方式加载另一个页面并相互操作DOM等资源。 - **代码示例**: ```javascript // www.a.com上的a.html document.domain = 'a.com'; var ifr = document.createElement('iframe...

    从javascript编写者角度讲解ajax的原理

    - **IFrame (Inline Frame)**: 早期实现AJAX的一种方法,通过内联框架发送请求。缺点是会生成大量无用的IFrame。 - **Data-Uploading Hack**: 一种用于上传数据的技巧,但存在安全性问题。 - **XMLHttpRequest**: ...

    js使用小技巧

    事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey ...

    Ajax与隐藏帧技术

    当响应到达时,JavaScript会触发onreadystatechange事件,通过status和responseText属性获取并处理返回的数据。 3. **DOM操作**:接收到服务器响应后,Ajax应用通常会使用DOM(Document Object Model)来动态更新...

    Comet-服务器推送解决方案.docx

    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, ...

Global site tag (gtag.js) - Google Analytics