如何使用onclick事件在同一窗口和标签页中打开链接？

Question

我有一个页面，其中有多个div。我想从我的数据库获取一些信息，以便在其中某些div中显示，并且当我点击链接到主页div时也要显示它。

我还需要页面在同一窗口中刷新或重新打开（不是在新页面或选项卡中）。最后，我需要页面在主页div中。

我尝试了下面的代码，但它没有起作用：

<a href="#home" onclick="window.open('index.jsp#home')" >home</a>

<a href="#home" onclick="location.reload()">home</a>

<a href="#home" onclick="location.href='index.jsp'">home</a>

- MohammadZoghi

Answer 1

我用过这个方法，它起作用了。

<a href="#" class="home_btn" onclick="location.reload();location.href='index.jsp'">منوی اصلی</a> 

- MohammadZoghi

---

这解决了我在 Cordova 中的 window.open 问题。谢谢！ - MizAkita

Answer 2

改变你的：

onclick="window.open('index.jsp#home')" >home</a>

onclick="parent.location='index.jsp#home'">home</a>

无需重新加载。

- Rikudo Pain

Answer 3

像这样吗？

<input id="but1" type="button" value="click"></div>

function loadIndex() {
    window.location.href = "http://jsfiddle.net/Xotic750/u5nmt/";
}

document.getElementById("but1").addEventListener("click", loadIndex, false);

在jsfiddle上

请记住，jsfiddle是在框架中的

- Xotic750

Answer 4

将 location.href 更改为带有哈希值的当前 URL 的问题在于页面不会重新加载，而是跳转到给定的 ID。

如果您真的想要跳转到主页 div，那么您可以使用 location.href='index.jsp' 跳转并编辑您的 index 文件， 在加载时设置 location.href = '#home'。

如果您想要能够通过新加载的页面传递信息（以提供特定的 id），则可以使用查询字符串，例如，要跳转页面，请使用 location.href = 'index.jsp?loaddiv=foo

然后一旦页面加载完成，读取查询字符串并使用该值跳转到请求的 div，例如 location.search = '#foo'

有关从查询字符串中提取值的详细信息，请参见 this question.

- duckman

---

我用过这个，效果很好。<a href="#" class="home_btn" onclick="location.reload();location.href='index.jsp'">首页</a> - MohammadZoghi