在页面加载时，默认使用 javascript 打开一个 href 部分答案

【问题标题】：On page load open a href section by default using javascript在页面加载时，默认使用 javascript 打开一个 href 部分
【发布时间】：2016-04-03 02:49:01
【问题描述】：

我有两个导航，我希望浏览器在页面加载时默认加载 #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>

【问题讨论】：

load 和 open 是什么意思？你想要一个新窗口吗？
另一个read ma mind问题。
我的意思是，通过加载页面，我希望浏览器默认关注特定的锚点。

标签： javascript href location-href

【解决方案1】：

您可以执行以下操作。

给li一个id

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

然后让窗口从顶部滚动到 500 像素。将 500 更改为适合您的任何金额。

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

【讨论】：