如何使用jquery访问iFrame父页面?

2020/10/08 10:01 · javascript ·  · 0评论

我有一个iframe,为了访问父元素,我实现了以下代码:

window.parent.document.getElementById('parentPrice').innerHTML

如何使用jQuery获得相同的结果?
更新:或如何使用jquery访问iFrame父页面?

要在iFrame的父项中查找,请使用:

$('#parentPrice', window.parent.document).html();

$()包装器的第二个参数是要在其中搜索的上下文。默认为文档。

如何使用jQuery访问iFrame父页面

window.parent.document。

jQuery是JavaScript之上的库,而不是它的完整替代品。您不必用涉及$的内容替换所有最后的JavaScript表达式。

如果您需要在父文档中找到jQuery实例(例如,调用插件提供的实用程序功能),请使用以下语法之一:

  • window.parent.$
  • window.parent.jQuery

例:

window.parent.$.modal.close();

jQuery被附加到window对象上,这就是事实window.parent

您可以通过以下方式在iframe中访问父窗口的元素window.parent

// using jquery    
window.parent.$("#element_id");

与以下内容相同:

// pure javascript
window.parent.document.getElementById("element_id");

如果您有多个嵌套的iframe,并且要访问最顶层的iframe,则可以这样使用window.top

// using jquery
window.top.$("#element_id");

与以下内容相同:

// pure javascript
window.top.document.getElementById("element_id");

在父窗口中放:

<script>
function ifDoneChildFrame(val)
{
   $('#parentPrice').html(val);
}
</script>

并在iframe src文件中放入:

<script>window.parent.ifDoneChildFrame('Your value here');</script>

是的,它也对我有用。

注意:我们需要使用window.parent.document

    $("button", window.parent.document).click(function()
    {
        alert("Functionality defined by def");
    });

它对我来说几乎没有什么变化。就我而言,我必须将值从POPUP JS填充到PARENT WINDOW表单。

所以我用过 $('#ee_id',window.opener.document).val(eeID);

优秀的!!!

在这里玩游戏可能会晚一点,但是我刚刚发现了这个很棒的jQuery插件https://github.com/mkdynamic/jquery-popupwindow它基本上使用onUnload回调事件,因此它基本上侦听子窗口的关闭,并在那时执行任何必要的操作。因此,实际上无需在子窗口中编写任何JS来传递回父窗口。

有多种方法可以做到这些。

I)直接获得主要父母。

考试。我想将我的子页面替换为iframe,然后

var link = '<%=Page.ResolveUrl("~/Home/SubscribeReport")%>';
top.location.replace(link);

在这里top.location直接获得父项。

II)一对一地成为父母,

var element = $('.iframe:visible', window.parent.document);

如果您有一个以上的iframe,请在此处指定一个活动或可见的iframe。

您也可以像这样来获得更多的父母,

var masterParent = element.parent().parent().parent()

III)通过标识符取得父母身份。

var myWindow = window.top.$("#Identifier")
本文地址:http://javascript.askforanswer.com/ruheshiyongjqueryfangweniframefuyemian.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!