javascript - 如何使 URL 链接到页面的另一个状态？

Question

我想在第二个链接处于活动状态时共享一个页面（例如“http://mypage#green-color”）。

我试图添加到第二个链接onClick="window.location='#green-color';"属性。它更改了浏览器地址窗口中的 URL，但我无法与他人共享。

JS Fiddle 中的代码

<a href="#" id="all">All Colors</a>
<a href="#green" id="green-color">Green Color</a>
<div id="red"></div>
<div id="green"></div>

页面的两种状态：

$( "#all" ).click(function() {
  $( "#red" ).show(200);
});
$( "#green-color" ).click(function() {
  $( "#red" ).hide(200);
});

Answer 1

我怀疑您想要的是能够在您单击散列链接时更改页面状态

hash 是 url 前缀的部分#。

您可以在页面加载时检索哈希值，location.hash然后根据哈希值在页面加载时执行您想要的任何状态更改。根本不清楚你想要做什么。

Answer 2

尝试在 Url 中传递 divId

像这样

onClick="window.location='#green';"

而for for effects的使用window.location.hash方法。

var hashValue=window.location.hash;
if(hashValue=="#green")
{
 $( "#red" ).hide(200);
}

Answer 3

我不知道我是否理解，但请参阅我的硬代码解决方案：

<script>
$(document).ready(function(){
    if(document.URL == 'http://mypage#green-color'){
         $( "#red" ).hide(200);   
    }
    else
    {
         $( "#red" ).show(200);
    }
});
</script>