Question

我有一个页面，其中包含聊天程序（第三方），它包含iframe中的聊天窗口。所以现在我想绑定父文档中的按钮单击事件。

以下是层次结构： -

主要文件＆gt; iframe＆gt; iframe＆gt;聊天窗口按钮（将此按钮绑定到Grand父级文件）

我试过这段代码

<script>
$(window).ready(function($){

    var frameWindow = $('#livservMiddleFrame').get(0).contentWindow;
    console.log(frameWindow.document.body.innerHTML);

});
</script>

这为我提供了第一个iframe HTML的输出，这只是一次尝试。我不知道是否有可能或者我们能通过一些劫持得到它。

提前致谢。

Answer 1

您无法使用javascript或jquery在iframe中进行更改。但你可以再次检查以下代码。它可能会帮助你

$(document).ready(function() {
    $('iframe').contents().find('button').click(function() {

});
});

Answer 2

根据我对iframe的个人经验，我发现使用普通的JS来获取＆＃34; fetch＆＃34; iframe对象。假设你有DOM＆gt; iframe1＆gt; iframe2＆gt;聊天按钮，这是你可以获取windoe对象的方法：

var frame1Win = window.frames["iframe1"].window; // "iframe1" is iframe name, not id
var frame2Win = frame1Win.frames["iframe2"].window;

PS：您可能必须使用contentWindow，具体取决于您的浏览器。

您可以使用以下方法使用JQuery附加click事件

$(frame2Win).find("#chat-button").on("click",function() {
  // do something
});

jQuery绑定两个iframe中的click事件

2 个答案: