jQuery - 在 iframe 导航上运行代码?

Posted

技术标签:

【中文标题】jQuery - 在 iframe 导航上运行代码?【英文标题】:jQuery - run code upon iframe navigation? 【发布时间】:2010-11-14 09:21:17 【问题描述】:

我的页面上有一个 iframe。我想分配一个函数以在该 iframe 的 SRC 更改时运行(即,有人单击 iframe 内的链接)。这可能吗?我试过了:

$("#my-iframe").change(function() ... );

但没有任何反应。

【问题讨论】:

【参考方案1】:

退房:

How do I fire an event when a iframe has finished loading in jQuery?

从那个页面:

http://sykari.net/stuff/iframe/

$("#iFrameId").load(function ()
    // do something once the iframe is loaded
);

【讨论】:

您应该在此处添加相关信息,而不仅仅是链接。想想如果这个页面被打印出来,解决问题的信息就在手边了吗?如果 sykari.net 出现故障,这个答案是否仍然有效?:【参考方案2】:

您可以尝试在 IFRAME 中的页面中使用对包含页面的引用。使用 IFRAME 中包含的页面中的页面正文 onunload 事件(类似于 window.parent.functionname() 来获取您的父框架)。

出于安全原因,仅当 iframe 中的页面位于同一域中时才可能这样做。

【讨论】:

以上是关于jQuery - 在 iframe 导航上运行代码?的主要内容,如果未能解决你的问题,请参考以下文章

jquery,在制表符上阻止焦点在 iframe 中,但不在其中的输入中

在 iOS 和 Android 上的 iframe 中使用 jquery 打印 iframe

使用纯 JavaScript/JQuery 的 iframe 的后退和前进控制

在 FireFox 的 iFrame 中显示内容时的 jQuery 高度问题

jQuery-File-Upload iframe 后备检测

jquery怎么获取父元素上一个元素的id