關閉它內部的書籤

Question

我正在創建一個書籤，它執行的功能類似於亞馬遜的添加任何內容到您的願望清單Bookmarklet（http://www.amazon.com/wishlist/get-button）。我試圖製作一個取消按鈕，但似乎無法讓它工作。

如何製作一個取消按鈕，它將在裏面顯示小書籤的iframe，這將關閉iframe？

我已經嘗試使用：iframe內部的window.close做到這一點，但沒有奏效。我也嘗試使用parent.document.body.removeChild(parent.document.getElementById('iframe'))，但我得到跨域權限問題。有任何想法嗎？

Answer 1

您將不得不使用window.postMessage來告訴父窗口中的一個函數來關閉它。

Answer 2

將iframe包裝在div中。將取消按鈕放在div中，但放在iframe之外，這樣取消按鈕實際上在父頁面中。這可以避免交叉來源問題。

有辦法解決交叉原點問題，但這是迄今爲止針對您的特定問題最簡單的解決方案。