javascript - 外部加载页面的事件监听器

Question

我已经包含了一个使用 iframe 的外部页面。该页面是一个表单，将接受输入。我想捕获表单的成功提交。

我注意到当表单成功提交时，页面上附加了一个 div 元素(参见下文):

 "<div class="appriseOverlay" id="aOverlay" style="height: 100%; width: 100%; display: block;"></div> <div class="appriseOuter" style="left: 50%; top: 200px; display: block; transform: translate(-50%, -50%);"><div class="appriseInner">Data successfully submitted<div class="aButtons"><button value="ok">Ok</button></div></div></div>"

使用负载似乎无法检测。我无法控制外部页面。

先谢谢大家。

Answer 1

这是不可能的。同源策略阻止您访问它。

JavaScript 对跨源框架的唯一访问是通过 postMessage 和 friend 。他们需要外部页面的配合。