在頁面加載默認使用javascript打開href部分

Question

我有兩個導航，我希望瀏覽器在頁面加載時默認加載#informals-1。我怎樣才能使用JavaScript？我有一個代碼在-nav和-subnav之間導航，但#informals-1部分默認情況下未激活。我必須點擊informals-1錨點才能得到它下面的subnav。

激活前 - this
激活後 - this

<nav id="documentation-nav"> 
<ul> 

    <li><a href="#informals-1" title="Informal Events" data-rel="informals"><span>1</span>Informals</a> 
    </li> 
    <li><a href="#current" title="Technical Events" data-rel="techevents"><span>2</span>Tech Events</a></li>  
</ul> 
    </nav> 
<nav id="documentation-subnav"> 
<ul id="informals"> 
    <li><a href="#informals-1" >Tic Toc</a></li> 
    <li><a href="#informals-2" >Jack of all Trades</a></li> 
    <li><a href="#informals-3" >Tattoo making</a></li> 
    <li><a href="#informals-4" >Face painting</a></li> 
    <li><a href="#informals-5" >Foosball</a></li> 
    <li><a href="#informals-6" >Solo Impromptu</a></li> 
    <li><a href="#informals-7" >Challenge accepted</a></li> 
    <li><a href="#informals-8" >Sack Race</a></li> 
    <li><a href="#informals-9" >Connected</a></li> 
    <li><a href="#informals-10" >Mystery date</a></li> 
    <li><a href="#informals-11" >The 90's Game</a></li> 
</ul> 
<ul id="techevents"> 
    <li><a href= "#current" title="name1">name1</a></li> 
    <li><a href="#tech-2" title="name2">name1</a></li> 
    <li><a href="#tech-3" title="name3">name1</a></li> 
    <li><a href="#tech-4" title="name4">name1</a></li> 
    <li><a href="#tech-5" title="name5">name1</a></li> 
</ul> 

Answer 1

你可以像下面這樣。

給鋰一個id

<li id="yourId"><a href="#informals-1" >Tic Toc</a></li> 

然後具有窗口滾動以從頂部500個像素。將500更改爲適合您的任何金額。

document.getElementById('yourId').style.display = 'block'; 
window.scrollTo(0, 500);