当Javascript被禁用时，哈希链接到硬链接

Hash links to hard links when Javascript disabled

本文关键字：链接 哈希 Javascript      更新时间：2023-09-26

嗨，这是我的代码，它的工作。

function Init(){
 ShowPage ('#body_home');
}
function ShowPage(a){
 $(a).css("display","block");
}
$(document).ready(function(){
   $("a").click(function(e){
     $(".page").fadeOut(1000).delay(1500);  
     $("#" + $(this).data("page")).fadeIn(1000);
  });        
});

基本上我想知道如何使链接指向正确的页面，如果用户有javascript禁用。这可能吗?我目前正在使用哈希链接系统。我想这样，如果用户禁用了javascript，链接将工作(例如index.php而不是#body_home)，而不使用第二个样式表。

HTML 

<ul class="navlist">
<li class="litem" name="home"><a data-page="body_home" href="#body_home">Home</a></li>
<li class="litem" name="hello"><a data-page="body_hello" href="#body_hello">Hello</a></li>

给你的链接一个href属性。

<a href="index.php>Link</a>

并在click()处理程序中包含return false;:

(文档)时函数(){$("a").click(函数(e) {$ (" .page ") .fadeOut (1000) .delay (1500),
$("#" + $(this).data("page")).fadeIn(1000);e.preventDefault ();返回错误;});
});

您可能还需要e.prevenDefault();(包括上面)，但不确定。

相关文章：