loại đầu vào - nút quay lại?

Question

Phương pháp nào tốt nhất (trình duyệt chéo) để sử dụng nút loại đầu vào, làm nút quay lại trình duyệt?

Answer 1

Bạn đang muốn làm điều gì đó như thế này?

<input type="button" onclick="history.back();" value="Back"> 

Bạn cũng có thể sử dụng

<input type="button" onclick="history.go(-1);" value="Back"> 

Answer 2

"Best" là một chủ quan chút.

@Mech Software có giải pháp có thể chấp nhận được vì đây là một cuộc gọi hàm đơn giản. Nếu bạn chỉ làm một nút quay lại, đó có thể là cách để đi. Tuy nhiên, tôi cố gắng đặt mã nơi nó thuộc về:

HTML thuộc về .html, CSS thuộc về .css và JavaScript thuộc các tệp .js. Thay vì cho nút một thuộc tính onclick, tôi muốn cung cấp cho nó một lớp là back-button và đính kèm trình nghe click vào mỗi phần tử .back-button.

_HTML:

<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(); 
    }); 
}); 

tôi giả sử dụng thư viện jQuery, vì nó là tương đối phổ biến (cho tôi biết nếu bạn muốn các phiên bản không jQuery này).

Lý do tôi đề xuất phương pháp này là có thể mở rộng. Nếu bạn quyết định làm điều gì đó nhiều hơn với nút quay lại hoặc nếu trình duyệt thay đổi (điều này xảy ra mọi lúc) thật đơn giản để thay đổi chức năng ở chính xác một vị trí, thay vì phải truy tìm mọi phiên bản onclick="history.back()".

Answer 3

Hãy thử Tính năng này hoạt động thực sự tốt và trông gọn gàng.

<center> 
<script> 
function goBack() 
    { 
    window.history.back() 
    } 
</script> 
Wrong Link? <input type="button" value="Go Back" onclick="goBack()"/> 
</center> 

Nếu bạn không muốn nó nói sai liên kết sau đó chúng ta điều này

<center> 
<script> 
function goBack() 
    { 
    window.history.back() 
    } 
</script> 
<input type="button" value="Go Back" onclick="goBack()"/> 

Và bạn có thể chỉnh sửa những gì các nút nói bằng cách thay đổi "Trở lại" bên cạnh value = trong dòng cuối cùng.

Answer 4

<input type="button" onclick="history.back();" value="Back"> 

Lý do tôi muốn đề nghị phương pháp này là nó có thể mở rộng. Nếu bạn quyết định làm điều gì đó hơn với các nút quay lại hoặc nếu các trình duyệt thay đổi (điều này xảy ra mọi lúc) thật đơn giản để thay đổi chức năng ở chính xác một vị trí, thay vì phải truy tìm mọi phiên bản onclick="history.back()".