JavaScriptの機能を使ってURLを呼び出す

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> 

あるものがあることです私は、例えば、http://mypage.com#mainまたは何かのように、タブのURLを持つことができるようにしたいと思いますそれで、そのURLに入ると、タブのメインがフォーカスされます。

これは可能ですか？

Answer 1

ページの末尾またはwindow.onloadで、ハッシュを読み取り、メソッドを呼び出します。

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

URLを変更する場合は、おそらくreturn falseを削除します。

Answer 2

ここでは、ハッシュチェンジイベントリスナーを使用できます。 例：window.addEventListener（ "hashchange"、doThisWhenTheHashChanges、false）;