자바 스크립트 함수를 통해 URL을 호출하십시오.

Question

나는 탭이있는 웹 사이트를 가지고 있습니다. 각 탭은 실제로 보여지는 것과없는 애셋이있는 동일한 테이블에 있습니다. 그런 다음 자바 스크립트 함수는 탭을 누를 때 속성을 변경합니다.

기능은 다음과 같이이다 :

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); 
}()); 

URL을 변경하려면 return false을 제거하고 싶을 것입니다.

Answer 2

여기서 hashync 이벤트 리스너를 사용할 수 있습니다. 예 : window.addEventListener ("hashchange", doThisWhenTheHashChanges, false);