2016-05-15 5 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と呼ばれるものです。 –

関連する問題