嘿，我来帮你理清这两个问题的解决方案！

一、如何关闭菜单页面回到主页面？ #

这里分两种常见场景来处理：

场景1：菜单页面和主页面在同一个窗口/标签页 #

你之前遇到的“点击返回按钮回到菜单页”，是因为普通跳转在浏览器历史里新增了记录。想要回到主页面且不留下菜单页的历史痕迹，可以用replace方法替换当前历史条目：

// 菜单页面的按钮点击事件
document.getElementById('backBtn').addEventListener('click', function() {
  window.location.replace('index.html');
});

这样操作后，浏览器历史里会直接用主页面替换菜单页的记录，点击返回按钮会回到主页面之前的页面，而不是菜单页。

如果只是想正常跳转回主页面（允许历史记录里保留菜单页），用普通跳转即可，但这时候返回按钮确实会回到菜单页：

window.location.href = 'index.html';

场景2：菜单页面是在新窗口/标签页打开的 #

如果菜单页是通过window.open打开的新窗口，那直接在菜单页的按钮事件里关闭当前窗口就能回到主页面：

document.getElementById('closeBtn').addEventListener('click', function() {
  window.close();
});

注意：这个方法只能关闭由JavaScript主动打开的窗口，手动打开的标签页可能会被浏览器拦截，无法通过代码关闭。

二、打开新HTML文件用window.location还是window.location.href？ #

简单来说，两者效果完全一致，但推荐用window.location.href。

• window.location是一个包含当前页面URL信息的对象，当你给它直接赋值字符串时，浏览器会自动将其解析为对href属性的赋值。
• window.location.href是该对象的具体属性，明确指向页面的URL地址，代码可读性更强，能避免歧义（毕竟window.location还有其他属性，比如host、pathname等）。

所以日常开发中，优先写window.location.href = 'your-page.html'，代码更清晰易懂。

内容的提问来源于stack exchange，提问作者Daan Seuntjens