google-chrome-extension - 动态替换我的 popup.html

Question

当用户单击图标时，我打开了一个 popup.html。popup.html 有一个按钮。如果单击此按钮，我想在关闭当前弹出窗口后显示来自不同 html 文件的另一个弹出窗口。有谁知道该怎么做。（我的按钮上已经有一个监听器。我想知道的只是关闭当前显示的弹出窗口并打开一个新窗口）。

Answer 1

您可以使用 innerHTML 动态更新弹出页面

    var event_container;
    event_container = document.getElementById('element ID');//Get location of event container
    event_container.innerHTML = event_container.innerHTML + "html string you want to add";

Answer 2

弹出窗口就像常规选项卡一样，因此window.location.href="..."适用于它们。

但是您可以在弹出窗口内简单地弹出一个覆盖和一个全屏 iframe，然后在该窗口上覆盖一个关闭按钮。

 <iframe src="http://target.com" style="position:absolute; left:0; top:0; right:0; bottom:0; width:...

很快。