Question

我有一个带有标签的网站，其中每个标签实际上都在同一个表格中，并带有显示或不显示的属性。然后，当您按下选项卡时，javascript函数将更改属性。

这个功能是这样的：

function showHide(ID) {
 switch (ID) {
   case 'main':
     document.getElementById('main').style.display = 'block';
     document.getElementById('abstracts').style.display = 'none';
     break;
   case 'abstracts':
     document.getElementById('main').style.display = 'none';
     document.getElementById('abstracts').style.display = 'block';
     break;
 }
 return true;
}

然后，标签的标题类似于

<a href="" onclick="showHide('main');return false;">Main</a>

，标签是

<tr id="main"> ... </tr>

问题是我希望能够为选项卡设置一个URL，例如http://mypage.com#main或类似的东西，所以当我输入该URL时，选项卡主要是焦点。

这可能吗？

Answer 1

在页面底部或window.onload，阅读哈希并调用您的方法。

(function(){
    var hash = window.location.hash.substr(1);
    showHide(hash);
}());

如果您希望更改网址，则可能需要删除return false。

Answer 2

您可以在此处使用hashchange事件侦听器。例如：window.addEventListener（＆＃34; hashchange＆＃34;，doThisWhenTheHashChanges，false）;

通过URL调用javascript函数

2 个答案: