判断Iframe是否加载完毕，加载完毕后对Iframe上的元素进行修改

最新推荐文章于 2024-07-09 15:37:14 发布

原创最新推荐文章于 2024-07-09 15:37:14 发布 · 7.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Iframe

Js模块化开发案例分析专栏收录该内容

34 篇文章

订阅专栏

本文介绍了一种使用JavaScript来监听Iframe元素加载完成的方法，并在加载完成后对内部的搜索列表进行位置调整，确保搜索结果能正确展示。

var oFrm = document.getElementById('Iframe4');
oFrm.onload = oFrm.onreadystatechange = function () {
    if (this.readyState && this.readyState != 'complete') {
        //alert("加载中。。。");
    }
    else {
        var $listSearch = $('#Iframe4').contents().find('.listSearch');
        $listSearch.css("top", "30px");
    }
}