一個頁面網站上的DIV的後退按鈕/動作（hideStuff/showStuff功能）

我有點沮喪地找到一種方法來創建一個頁面網站上的後退按鈕，其中內容隱藏並出現在由hideStuff/showStuff函數。一個頁面網站上的DIV的後退按鈕/動作（hideStuff/showStuff功能）

搜索沒有解決我的問題（也許我錯過了什麼）。

謝謝你的建議和提示！

<script type="text/javascript"> 
    function showStuff(id) { 
    document.getElementById(id).style.display='block'; 
    } 

    function hideStuff(id) { 
    document.getElementById(id).style.display='none'; 
    } 
</script> 

<div id = '1'> 
    <a name="1"></a> 
    <a href = '#2' onclick="showStuff('2'); hideStuff('1');">2</a><br> 
    <a href = '#3' onclick="showStuff('3'); hideStuff('1');">3</a><br> 
    <a href = '#4' onclick="showStuff('4'); hideStuff('1');">4</a> 
    <br><br><i>('1')</i> 
</div> 

<div id = '2' style='display: none'> 
    <a name="2"></a> 
    <a href = '#1' onclick="showStuff('1'); hideStuff('2');">1</a><br> 
    <a href = '#3' onclick="showStuff('3'); hideStuff('2');">3</a><br> 
    <a href = '#4' onclick="showStuff('4'); hideStuff('2');">4</a> 
    <br><br><i>('2')</i> 
</div> 

<div id = '3' style='display: none'> 
    <a name="3"></a> 
    <a href = '#1' onclick="showStuff('1'); hideStuff('3');">1</a><br> 
    <a href = '#2' onclick="showStuff('2'); hideStuff('3');">2</a><br> 
    <a href = '#4' onclick="showStuff('4'); hideStuff('3');">4</a> 
    <br><br><i>('3')</i> 
</div> 

<div id = '4' style='display: none'> 
    <a name="4"></a> 
    <a href = '#1' onclick="showStuff('1'); hideStuff('4');">1</a><br> 
    <a href = '#2' onclick="showStuff('2'); hideStuff('4');">2</a><br> 
    <a href = '#3' onclick="showStuff('3'); hideStuff('4');">3</a> 
    <br><br><i>('4')</i> 
</div> 

<a href="#" onclick="history.back(-1);">Back</a>

來源

2017-07-25 Mike

https://developer.mozilla.org/en-US/docs/Web/API/History_API#Adding_and_modifying_history_entries – Quentin

的history.back（）將在changes.what你在這裏做只是在顯示和隱藏div的歷史這樣的概念在這裏不能使用

來源

2017-07-25 09:42:08 codegeek

謝謝你的回答！但我知道它不能工作，這就是爲什麼問這裏某種解決方案的原因。或者在這種情況下根本不可能？ – Mike

維護一個數組，用於存儲隱藏的ID，因此當您單擊後面時，從後向後循環顯示該數組，並顯示特定的div並隱藏其餘的div – codegeek

您可以使用類，而不是僅網址工作元素的id，並在按鈕上做一些onclick功能來顯示相關類的元素並隱藏相關類的元素。使用切換功能。希望能幫助到你。

來源

2017-07-25 10:07:43 Rox

謝謝！我會很快嘗試這樣的事情...... – Mike

一個頁面網站上的DIV的後退按鈕/動作（hideStuff/showStuff功能）

回答

相關問題