Question

我有一个有多个div的页面。我希望从我的数据库中获取一些信息以显示在某些div中，我也希望它在我点击主div的链接时显示。

我还需要在同一窗口中刷新或重新打开页面（不在新页面或标签中）。最后，我需要页面在home 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>

Answer 1

我用过它并且有效

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

Answer 2

改变你的：

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

到

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

无需重新加载。

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);

on jsfiddle

记住jsfiddle在框架中

Answer 4

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

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

如果您希望能够将信息传递到新加载的页面（以提供特定的ID），您可以使用查询字符串，例如跳页使用location.href = 'index.jsp?loaddiv=foo

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

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

如何使用onclick事件在同一窗口和选项卡中打开链接？

4 个答案: