[問題] 如何在Reload頁面後不跳回預設值.

看板Ajax作者 (いただきます)時間17年前 (2008/06/13 14:24), 編輯推噓0(0011)
留言11則, 3人參與, 最新討論串1/1
各位好~我是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

06/13 18:12, , 1F
cookie
06/13 18:12, 1F

06/14 07:38, , 2F
或者錨點搭配url parser也是個方案
06/14 07:38, 2F

06/14 07:38, , 3F
我是比較喜歡錨點 這樣可以做direct link的效果
06/14 07:38, 3F

06/16 14:22, , 4F
謝謝二位~TonyQ大可否再進一步指點url parser的用法呢?
06/16 14:22, 4F

06/16 14:23, , 5F
在W3C學校查了關鍵字...不過對我來說好像還是太深奧了/\
06/16 14:23, 5F

06/16 15:45, , 6F
單純就是 用self.location 取得網址字串
06/16 15:45, 6F

06/16 15:45, , 7F
取得 # 以後的字樣 作為判讀 然後進行一些必要的javascript
06/16 15:45, 7F

06/16 15:45, , 8F
載入或處理 *在onload裡面*
06/16 15:45, 8F

06/16 15:50, , 9F
比方說以我之前拿來當jq練習的網站為例
06/16 15:50, 9F


06/16 15:51, , 11F
#0~#4 分別對應到網頁裡面的四個tab panel
06/16 15:51, 11F
文章代碼(AID): #18KXAuMy (Ajax)
文章代碼(AID): #18KXAuMy (Ajax)