使用iframe中的按鈕重新加載父窗口

Question

我在頁面中有一個iframe

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

在something.html頁面中，我有一個表單和一個按鈕。

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

當我點擊提交按鈕時，它只會重新加載任何地方的頁面（在iframe內）。 但我希望anywhere.html加載到同一個主窗口（不是在新的選項卡或窗口中，也不在iframe中）。 如何才能做到這一點？

Answer 1

使用表單標記的target屬性。 將其設置為_parent以將表單提交到父窗口（框架外）。

• _parent ：將響應加載到當前幀的HTML 4 frameset parent或當前幀的HTML5 parent瀏覽上下文中。 如果沒有父項，則此選項的行為與_self相同。 ¹

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

看到它在這個plunker中演示。

---

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