使用 iframe 中的按钮重新加载父窗口

Question

我在类似的页面中有一个 iframe

<iframe src="something.html"></iframe>

在 something.html 页面中，我有一个表单和一个按钮。

<form action="anywhere.html">
<input type="button" name="submit" value="submit">
</form>

当我点击提交按钮时，它只会重新加载页面 anywhere.html（在 iframe 内）。但我希望 anywhere.html 在同一个主窗口中加载（不在新选项卡或窗口中，也不在 iframe 中）。如何做到这一点？

Answer 1

将target 属性用于form 标记。将其设置为 _parent 以使表单提交到父窗口（框架外）。

• _parent：将响应加载到当前框架的 HTML 4 框架集父级，或当前框架的 HTML5 父级浏览上下文。如果没有父级，则此选项的行为方式与 _self 相同。¹

<form action="anywhere.html" target="_parent">
<input type="button" name="submit" value="submit">
</form>

请参阅this plunker 中的演示。

---

¹_{https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#attr-target}