jquery - 如何使用 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 的内容将保留在正文中。

score 3 · Accepted Answer

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

对于许多应用程序，哈希用于保存不再需要的状态，有一些技术可以更改 URL 而无需为同一域重新加载。另请参阅MDN 站点。

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

score 0 · Accepted Answer

确保在刷新时加载内容的一种方法是在文档加载时调用 .load() 函数，即

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

除非有非常充分的理由让您使用单击来重新加载#body div 中的内容

2 回答 2