2016-05-15 63 views
-2

当我打开我的html时,我希望看到第一个主页div的内容。当页面加载时更改html页面位置

当我打开它时,页面是空白的,我需要点击主页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; 
} 
+0

您需要使用JavaScript将其导航到'#home'。 –

+0

以及如何做到这一点?我不能进入JS – krispi

回答

0

使用window.location

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

跳转链接:

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

脚本在加载时运行并导航到链接

+0

它的工作原理!十分感谢! – krispi

+0

@krispi现在,这就是所谓的JavaScript。 –