javascript - 从 iframe 访问父页面的元素 - IE7 问题

Question

我正在从页面(例如父页面)打开一个 iframe(在弹出窗口内)，并尝试使用以下代码从该 iframe 隐藏父页面的 div 元素(其 id 为 iframeloading) $(window.parent .document).find("#iframeloading").hide();

这适用于 ff 但不适用于 IE7..请帮助

Answer 1

当前使用的大多数浏览器都支持 iframe onload 属性(包括 IE5.5+、Firefox、Safari、Opera)。如果您希望旧版浏览器在文档完成加载到 iframe 后执行某些操作，则可以在该文档中包含一个 onload 处理程序。然后该文档可以使用父关键字引用包含文档。

使用带有 onload html 属性的传统 JavaScript 方法:

<iframe id="testFrame" name="testFrame" onload="hideLoading();" />
<script type="text/javascript">
    function hideLoading() {
        $("#iframeloading").hide();
    }
</script>

当然你可以使用jQuery框架来正确添加这个事件:

<iframe id="testFrame" name="testFrame"/>
<script type="text/javascript">
    $("#testFrame").load(function() {
        $("#iframeloading").hide();
    });
</script>