使用javascript扩展程序中的chrome扩展程序导航

Question

我正在编写一个简单的chrome扩展程序，它将包含一个列表和一个添加按钮。

点击＆＃39>添加按钮＆＃39;用户将使用表单进入扩展程序中的新html页面。

我在表单页面上有一个后退按钮，需要将用户带回列表页面。

如何从分机的第2页导航到分机的第1页？

修改

扩展中的历史对象是浏览器而不是扩展名。 我需要回到扩展名

修改

示例图像以显示扩展的两个页面

Answer 1

如果您知道用户来自何处，并且需要导航并完全重新加载上一页，则应更改位置，而不使用history。否则，如果您想模拟浏览器的“返回”功能，可以使用history.go(-1)。

顺便说一句，您不能在扩展程序中使用内联代码（请参阅this CSP page），因此您必须创建一个脚本并将其加载到您的页面中，这是一个示例：

HTML：

<input id="go_back" type="button" value="Back"/>
<script src="script.js"></script>

档案script.js：

document.getElementById('go_back').addEventListener('click', function(e) {
    history.go(-1);

    // or:
    window.location.href = "<old-url>";
});

Answer 2

尝试一下：

document.write('<a href="popup.html"><button class="button">Back to home</button></a>')

打开扩展名后，页面刷新回到原始popup.html文件。

如果您想要标准HTML而不是通过javascript ...，请尝试

<a href="popup.html"><button class="button">Back to home</button></a>