什麼是使用輸入類型按鈕作爲瀏覽器後退按鈕的最佳方法(跨瀏覽器)?輸入類型 - 後退按鈕?
9
A
回答
24
您是否想要做類似的事情?
<input type="button" onclick="history.back();" value="Back">
你也可以使用
<input type="button" onclick="history.go(-1);" value="Back">
9
「最佳」 是有點主觀的。
@Mech軟件有一個可接受的解決方案,因爲它是一個簡單的函數調用。如果你只是製作一個後退按鈕,這可能是一條路。但是,我嘗試將代碼放在它所屬的位置:
HTML屬於.html,CSS屬於.css,JavaScript屬於.js文件。我不會給這個按鈕一個onclick
屬性,我會給它一個back-button
的類,並將click
收聽者附加到每個.back-button
元素。
<input type="button" class="back-button" value="Back" />
<!-- or -->
<button type="button" class="back-button">Back</button>
JS:
jQuery(function($){
$('.back-button').click(function(e){
history.back();
});
});
我假設jQuery庫,因爲它是比較普遍存在的(讓我知道如果你想要的這個非jQuery的版本)。
我建議這種方法的原因是它是可擴展的。如果您決定使用後退按鈕進行更多操作,或者瀏覽器發生更改(發生在的所有時間),只需在一個位置更改功能就很簡單,而不必搜尋onclick="history.back()"
的每個實例。
0
試試這個效果非常好,看起來也很整齊。
<center>
<script>
function goBack()
{
window.history.back()
}
</script>
Wrong Link? <input type="button" value="Go Back" onclick="goBack()"/>
</center>
如果你不希望它說,錯誤的鏈接,然後我們這個
<center>
<script>
function goBack()
{
window.history.back()
}
</script>
<input type="button" value="Go Back" onclick="goBack()"/>
而且你可以編輯按鈕,通過改變「返回」旁邊的值=最後一行說什麼。
1
<input type="button" onclick="history.back();" value="Back">
的,我建議這種做法的原因是,它的可擴展性。如果您決定使用後退按鈕進行更多操作,或者瀏覽器發生更改(始終發生這種情況),則只需在一個位置更改功能,而不必搜尋onclick="history.back()"
的所有實例。
相關問題
- 1. UITableView後退按鈕
- 2. 後退按鈕
- 3. 後退按鈕android
- 4. 輸入類型=按鈕未驗證
- 5. 檢查輸入類型按鈕在php
- 6. 禁用與輸入類型=按鈕
- 7. 樣式輸入類型文件按鈕
- 8. 應用按後退按鈕當按下後退按鈕
- 9. Android:按下後退按鈕時出現Texttedit輸入丟失
- 10. 在輸入時按下UINavigationController後退按鈕
- 11. jQTouch後退按鈕
- 12. UINavigation後退按鈕
- 13. XSL後退按鈕
- 14. 遺漏的類型錯誤:按後退按鈕
- 15. 單擊後退按鈕後處理GUI
- 16. 後退按鈕後跟蹤
- 17. PHP後退按鈕
- 18. Android後退按鈕
- 19. 後退按鈕NSPopover
- 20. Laravel後退按鈕
- 21. Jquery後退按鈕。
- 22. UiNavigationBar後退按鈕
- 23. IFrame後退按鈕
- 24. 後退按鈕uinavigationcontroller
- 25. Webview後退按鈕
- 26. 上後退按鈕
- 27. iframe後退按鈕問題(不想後退按鈕影響iframe)
- 28. DialogViewController丟失後退按鈕
- 29. 按鈕類型=使用php isset提交而不是輸入類型按鈕
- 30. 轉換按鈕輸入類型提交到鏈接按鈕
+1爲偉大而簡單的解決方案..謝謝了很多.. – 2014-07-01 06:24:40