如何使用window.location.hash？

Question

我真的不知道哈希的概念，但根据我的理解，当用户点击F5键时，它会阻止页面重定向到其他页面。

我有这个jquery函数：

$('#f1').click(function()
{
    alert(window.location.hash);
    $("#body").load("sample.php");

});

HTML：

<a href = "#!sample" id = "f1">FUNC 1</a>
<div id = "body">
<!-- OUTPUT HERE -->
</div>

它成功输出了我的sample.php的内容，但是当我点击键盘上的刷新按钮或F5时，它重定向回到父页面。

我希望当我点击刷新时，sample.php的内容将保留在正文中。

Answer 1

没错。哈希只是一个锚点，允许用户跳转到文档中的静态位置。

对于很多应用程序，哈希用于保存不再需要的状态，有些技术可以在不重新加载同一域的情况下更改URL。另请参阅MDN site。

如果更改哈希值，则不会重新加载页面，但如果用户按下F5，则会重新加载页面。

Answer 2

通过在文档加载时调用.load（）函数，可以确保在刷新时加载内容的一种方法，即

$(function() {
    $("#body").load("sample.php");
)};

除非有一些非常强烈的理由说明您使用点击重新加载#body div中的内容