javascript - 从里面关闭一个书签

Question

我正在创建一个执行类似于亚马逊的功能的书签，将任何内容添加到您的愿望清单书签 (http://www.amazon.com/wishlist/get-button)。我正在尝试制作一个取消按钮，但我似乎无法让它工作。

如何制作一个取消按钮，该按钮将显示在书签的 iframe 内，并关闭 iframe？

我试过使用：window.close从 iframe 内部来做，但这没有用。我也尝试过使用parent.document.body.removeChild(parent.document.getElementById('iframe'))，但我遇到了跨域权限问题。有任何想法吗？

Answer 1

将 iframe 包装在一个 div 中。将取消按钮放在 div 内部，但在 iframe 外部，以便取消按钮实际上在父页面中。这避免了交叉原点问题。

有很多方法可以解决跨源问题，但这是迄今为止针对您的特定问题最简单的解决方案。

Answer 2

您将不得不使用window.postMessage来告诉父窗口中的函数关闭它。