管理从父框架提交的 iframe 表单？

【问题标题】：manage iframe's form submit from parent frame?管理从父框架提交的 iframe 表单？
【发布时间】：2013-02-02 22:23:20
【问题描述】：

我想从父框架更改 iframe 中表单的提交功能。下面的代码应该做到这一点，但没有任何结果。并且在 chrome 的调试器中没有显示错误。怎么了？

<iframe src="test.php" id="frame"></iframe>

<script type="text/javascript">
$("#frame").contents().find("form").submit(function(){
    return true;
});
</script>

【问题讨论】：

标签： jquery forms iframe submit

【解决方案1】：

通过将调用包装在.load 回调中，确保在加载此 iframe 的内容后操作它的 DOM：

<iframe src="test.php" id="frame"></iframe>

<script type="text/javascript">
    $('#frame').load(function() {
        $(this).contents().find('form').submit(function() {
            return false;
        });
    });
</script>

【讨论】：

这个有没有跨浏览器成功？似乎好得令人难以置信。对我来说，这似乎总是一个安全问题。您认真地说您可以通过父页面的 JS 操作 iframe 的 DOM？要么这有限制，要么我的大脑刚刚爆炸......
@3Dom，这仅在 iframe src 属性指向与父域相同的域时才有效。例如，如果您有一个指向 google.com 的 iframe，您当然可以忘记操作其内容。