Question

我希望在第二个链接处于活动状态时共享页面状态（例如“http：/ / mypage＃green-color”）。

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

<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

我不知道我是否理解，但看到我的硬代码解决方案：

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

Answer 2

我怀疑你想要的是能够改变你在散列链接上的页面状态

hash是前缀为#的网址的一部分。

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

Answer 3

尝试在Url中传递divId

像这样

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

对于效果使用window.location.hash方法。

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

如何建立到另一个页面状态的URL链接？

3 个答案: