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>

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

加载页面时更改html页面位置

1 个答案: