作者hanasan (いただきます)
看板Ajax
标题[问题] 如何在Reload页面後不跳回预设值.
时间Fri Jun 13 14:24:53 2008
各位好~我是js的新手.
想请教各位大大一个问题.
我设计了一组NavigationTab 相关code如下列所示
CSS
--------------------------------------------------------
#tbl,#tb2,#tb3 { float:left; } //三个是重叠在一起.
#tb1 { display:block; }
#tb2,#tb3 { display:none; }
HTML
--------------------------------------------------------
<div id=tb1>...</div>
<div id=tb2>...</div>
<div id=tb3>...</div>
...下略
JS
--------------------------------------------------------
<script type="text/javascript">
function s1()
{
document.getElementById("tb1").style.display="block";
document.getElementById("tb2").style.display="none";
document.getElementById("tb3").style.display="none";
}
function s2()
{
document.getElementById("tb1").style.display="none";
document.getElementById("tb2").style.display="block";
document.getElementById("tb3").style.display="none";
}
function s3()
{
document.getElementById("tb1").style.display="none";
document.getElementById("tb2").style.display="none";
document.getElementById("tb3").style.display="block";
}
</script>
问题来了~
我在相互切换页签时, 都没有问题.
但是因为页面随时有Reload的需要.
但每次Reload後, 因为重读css, 所以都会变成第1个DIV显示的状态..
如果我希望按F5重新整理後, Tab的状态可以保持在当下, 该如何设置呢?
<(_ _)> 恳请大大解惑~
Thx~~
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 118.168.32.132
1F：→ chph:cookie 06/13 18:12
2F：→ TonyQ:或者锚点搭配url parser也是个方案 06/14 07:38
3F：→ TonyQ:我是比较喜欢锚点 这样可以做direct link的效果 06/14 07:38
4F：→ hanasan:谢谢二位~TonyQ大可否再进一步指点url parser的用法呢? 06/16 14:22
5F：→ hanasan:在W3C学校查了关键字...不过对我来说好像还是太深奥了/\ 06/16 14:23
6F：→ TonyQ:单纯就是 用self.location 取得网址字串 06/16 15:45
7F：→ TonyQ:取得 # 以後的字样 作为判读 然後进行一些必要的javascript 06/16 15:45
8F：→ TonyQ:载入或处理 ＊在onload里面* 06/16 15:45
9F：→ TonyQ:比方说以我之前拿来当jq练习的网站为例 06/16 15:50
11F：→ TonyQ:#0~#4 分别对应到网页里面的四个tab panel 06/16 15:51