用户单击带有哈希值的链接以访问该页面，如果禁用Javascript会发生什么情况

User clicks on a link with a hash value to visit the page what happens if Javascript is disabled?

本文关键字：如果 Javascript 什么情况 哈希值 单击 链接 访问 用户      更新时间：2023-09-26

我正在尝试使用此功能，但有点不确定，不知道如何处理它。我有一个母版页，其中包含一个名为"masterDiv"的div。'masterDiv' 进行 load（） 调用并从它的内容div 加载名为 "details.html" 的外部 html 页面的内容。我是这样做的：

  $('#masterDiv').load('details.html #content');

内容按预期加载，URL 地址以"http：//www.xyz.com#details"的形式弹出

这一切都很好，而且有效，但后来我想到了那些可能没有 JavaScript endable 的用户。我想我只会直接将这些用户定向到"详细信息.html"页面，而不是让"母版页"从"详细信息.html"页面加载内容。所以现在问题来了，假设我是否向用户发送此链接：

    http://wwww.xyz.com#details

如果该用户的浏览器没有启用Javascript，那么显然无法调用JQuery，因此不会进行load（）调用等等。 请问如何将用户直接定向到"详细信息.html"页面？

任何见解都会很棒

谢谢。

您的链接可能如下所示： 

<a id="myLink" href="#details">Link that the user clicks</a>

当用户单击链接时，将调用 jQuery load。这是对的吗？

如果是这样，您可以像这样拥有链接： 

<a id="myLink" href="http://wwww.xyz.com/details.html">Link that the user clicks</a>

这样，当页面加载时，链接将适用于所有人（即使是那些禁用了javascript的人）。然后，当页面首次加载时：

$(document).ready(function() {
    $('#myLink').attr('href', '#details');
});

将链接设置为以前的方式。这样，只有启用了 Javascript 的用户才会使用加载版本。其他的将被简单地重定向到详细信息.html

如果问题中有什么我没有正确理解的地方，请告诉我。

请问如何将用户直接定向到"详细信息.html"页面？

通过使链接的 href 属性"详细信息.html"。默认情况下每个链接的工作方式。

<a href="details.html">Details</a>

您网站上的每个链接都应该以这种方式构建。这就是互联网的设计方式，也是它如何最好地运作。你应该只在实际需要的时候用JavaScript添加功能，你不应该依赖它来做一些像页面之间链接这样基本的东西。

相关文章：