如何才能F5刷新后仍在当前的DIV层，不能返回到首页DIV

我有一个页面结构如下:每次刷新后都会回到首页（DIV层1）比如，我点击“DIV层2”，则会显示“DIV层2”，当按F5刷新后又会回到DIV层1,；如何才能刷新后显示的仍是... 我有一个页面结构如下:
每次刷新后都会回到首页（DIV层1）
比如，我点击“DIV层2”，则会显示“DIV层2”，当按F5刷新后又会回到DIV层1,；
如何才能刷新后显示的仍是当时的那个DIV层呢？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div class="video_body">

<div class="head">
<a href="#" class="" onclick="showCate1()"> DIV层1</a>
<a href="#" class="" onclick="showCate2()"> DIV层2</a>
<a href="#" class="" onclick="showCate3()"> DIV层3</a>
</div>

<div class="video_menu_right" id="cate1" style="display: block">
<h1>DIV层1</h1>
</div>

<div class="video_menu_right" id="cate2" name="cate2" style="display: none">
<h1>DIV层2</h1>
</div>


<div class="video_menu_right" id="cate3" style="display: none">
<h1>DIV层3</h1>
</div>
</div>
<script type="text/javascript">

function showCate1(){
document.getElementById("cate1").style.display="block";
document.getElementById("cate2").style.display="none";
document.getElementById("cate3").style.display="none";

}
function showCate2(){
document.getElementById("cate1").style.display="none";
document.getElementById("cate2").style.display="block";
document.getElementById("cate3").style.display="none";
}
function showCate3(){
document.getElementById("cate1").style.display="none";
document.getElementById("cate2").style.display="none";
document.getElementById("cate3").style.display="block";
}
</script>
</body>
</html> 展开

 我来答

3个回答

#热议# 海关有哪些禁运商品？查到后怎么办？

山上有花
2012-04-27

知道答主

回答量：0

采纳率：0%

帮助的人：0

我也去答题访问个人页

关注

展开全部

要对代码做些修改，你试试这个：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div class="video_body">

    <div class="head">
            <a href="#1" class="" onclick="showCate1()"> DIV层1</a>
            <a href="#2" class="" onclick="showCate2()"> DIV层2</a>
            <a href="#3" class="" onclick="showCate3()"> DIV层3</a>
    </div>
<!--1-->
    <div class="video_menu_right" id="cate1" style="display:block;" >
        <h1>DIV层1</h1>
    </div>
<!--2-->
    <div class="video_menu_right" id="cate2" name="cate2" style="display:none;" >
        <h1>DIV层2</h1>
    </div>

<!--3-->
    <div class="video_menu_right" id="cate3" style="display:none;">
        <h1>DIV层3</h1>
    </div>
</div>
<script type="text/javascript">
window.onload=function(){
	var str=window.location.hash
	switch(str){
		case '#1':
			showCate1(); break;
		case '#2':
			showCate2(); break;
		case '#3':
			showCate3(); break;
		}
	}

    function showCate1(){
        document.getElementById("cate1").style.display="block";
        document.getElementById("cate2").style.display="none";
        document.getElementById("cate3").style.display="none";

    }
    function showCate2(){
        document.getElementById("cate1").style.display="none";
        document.getElementById("cate2").style.display="block";
        document.getElementById("cate3").style.display="none";
    }
    function showCate3(){
        document.getElementById("cate1").style.display="none";
        document.getElementById("cate2").style.display="none";
        document.getElementById("cate3").style.display="block";
    }
</script>
</body>
</html>


本回答被提问者和网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

zxl135213
2012-07-07

知道答主

回答量：0

采纳率：0%

帮助的人：0

我也去答题访问个人页

关注

展开全部

这是一个局部刷新问题，你可以试着换种方式实现，有很多前台语言，你用js试一下......

已赞过 已踩过<

评论收起

285655578
2012-05-02

知道答主

回答量：0

采纳率：0%

帮助的人：0

我也去答题访问个人页

关注

展开全部

额完全看不懂耶

已赞过 已踩过<

评论收起

更多回答（1）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

如何才能F5刷新后 仍在当前的DIV层，不能返回到首页DIV

其他类似问题

为你推荐：

如何才能F5刷新后仍在当前的DIV层，不能返回到首页DIV