javascript - 获取跨域 iframe 反馈

标签 javascript iframe

我遇到过这样的情况:我有一个托管第三方网站的 iframe。我只需要知道 iframe 已导航到其最终的“成功”url,这样我就可以做出响应。

但是,正如您所知,由于 CORS 安全问题,现代浏览器会阻止您访问 iframe 文档对象,甚至位置。

现在,我在 iframe 的 onload 事件中运行一个计数器,并在计数器达到特定数字时执行响应。

但这非常老套,对于我必须使用此机制的新情况来说不够可靠。

所以我正在寻找一些向导来告诉我更好的方法。我只需要知道它何时到达某个 URL。

顺便说一句,jquery 不是一个选项;这是一个 Angular2 应用程序。

谢谢! 弗罗德

最佳答案

如果您控制父网站和嵌入式网站(并且不必支持非常旧的浏览器),我会考虑使用 postMessage API 。它支持父级和子级之间的简单事件通信。

这是一个很好的简单示例 - link

关于javascript - 获取跨域 iframe 反馈,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46586258/

相关文章:

javascript - 如何获得不匹配的关键词?

javascript - 从服务器端调用 Javascript,目标给出的不起作用

iframe - 使用 postmessage 刷新 iframe 的父文档

打开 SantuCommerce 插件的 iframe 时 WordPress 主题损坏

javascript - 如何使用 JavaScript 验证货币值(value)?

javascript - 涉及 DOM 的单元测试 Javascript

javascript - 尝试从 Chrome 扩展中获取 Cookie 时出错

javascript - 将 Javascript 中的字符串拆分为嵌入数字的数组

php - 在 Iframe 中嵌入 Laravel 应用程序,登录时出现 302 错误

javascript - 在 Chrome 上使用 Tab 键时 iFrame 不滚动