當頁面加載時更改html頁面位置

Question

當我打開我的html時，我希望看到第一個主頁div的內容。

當我打開它時，頁面是空白的，我需要點擊主頁href以查看其內容。

如何在加載時看到它？

HTML：

<div id="nav1"> 
    <a href="#home">HOME</a> 
</div> 
<div id="nav1"> 
    <a href="#gallery">GALLERY</a> 
</div> 
<div id="nav1"> 
    <a href="#s1">IMPORT</a> 
</div> 
<div id="nav1"> 
    <a href="#s2">ABOUT ME</a> 
</div> 
<div id="nav1"> 
    <a href="#s3">CONTACT</a> 
</div>  
<div class="target"> 
    <div id="home">asddsa</div> 
    <div id="gallery">asdfgaasd</div> 
    <div iv="s1">some1</div> 
    <div id="s2">some2</div> 
    <div id="s3">some3</div> 
</div> 

CSS：

.target { 
    float: left; 
    background-color: white; 
    padding: 15px; 
    width: 800px; 
    opacity: 0.9; 
    min-height: 600px; 
} 

.target > div { 
    display: none; 
} 

.target > div:target{ 
    display:block; 
} 

Answer 1

使用window.location：

<script> 
    window.location = "#home"; 
</script> 

跳轉鏈接：

<a href="#home">HOME</a> 

腳本在加載時運行並導航到鏈接