Html之Frame的onreadystatechange 事件-yellowcong

最新推荐文章于 2024-01-05 07:30:00 发布

狂飙的yellowcong

最新推荐文章于 2024-01-05 07:30:00 发布

阅读量1k

点赞数

文章标签： html

本文链接：https://blog.csdn.net/yelllowcong/article/details/78589356

版权

html 专栏收录该内容

19 篇文章

订阅专栏

当使用懂啊Frame框架的时候，幅画面的Frame想要在子画面初始化完成后，获取到子画面的一些信息来设定到幅画面上，这个时候，可以通过frame的onreadystatechange 事件，来监听frame的情况，readyState 这个属性可以用来判断是否加载完全

案例

var pgPath = "/test/" + prefix + "/init.do";
$("#contentFrame").attr("src", pgPath);
var oFrm = document.getElementById("contentFrame");
//监听frame的变化信息
oFrm.onload = oFrm.onreadystatechange = function() {
     if (this.readyState && this.readyState != "complete") return;
     else {
         //获取frame子画面的信息设定到父幅画面
         var subTitle = $("#currTitle", window.frames["contentFrame"].document).val();
         $("#subTitle").text(subTitle);

     }
}