通过URL调用javascript函数

Call a javascript function throught URL

本文关键字：函数 javascript 调用 URL 通过      更新时间：2023-09-26

我有一个网站的选项卡，其中每个选项卡实际上是在同一个表的属性，显示它或不。当你按下标签时，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，标签主集中。

这可能吗?

在您的页面或window.onload的底部，读取散列并调用您的方法。

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

，如果你想改变url，你可能想要删除return false。

您可以在这里使用hashchange事件侦听器。例如:窗口。addEventListener("hashchange"， doThisWhenTheHashChanges, false);

相关文章：