Onclick javascript để làm cho trình duyệt quay trở lại trang trước?


Câu trả lời:


446

Thêm phần này vào phần tử đầu vào của bạn

<input
    action="action"
    onclick="window.history.go(-1); return false;"
    type="submit"
    value="Cancel"
/>

52
Điều này không hoạt động trong tất cả các trình duyệt đối với tôi, tôi đã phải làm như sau <input action="action" type="button" value="Back" onclick="window.history.go(-1); return false;" />Câu trả lời này khá cũ, vì vậy nó có thể là một vấn đề được đưa vào các phiên bản trình duyệt hiện đại hơn. :)
ctrlplusb

4
Điều này có hiển thị trang trước từ bộ đệm hoặc tải lại trang trước từ máy chủ không?
Adrien

7
Là gì action="action"phần cho? Và nó có hợp lệ không ??
ban-geengineering

@Adrien - javascript của nó, vì vậy nó đang chạy trong trình duyệt. Trình duyệt nên sử dụng lại trang được lưu trong bộ nhớ cache (giả sử cài đặt trình duyệt và cài đặt tiêu đề http của trang cho phép làm như vậy).
ToolmakerSteve

Lưu ý rằng không nên sử dụng JS nội tuyến trong sản xuất vì: 1. Mã JS phải ở trong .jscác tệp chuyên dụng và được rút gọn 2. Mã nội tuyến nên được vô hiệu hóa thông qua Chính sách bảo mật nội dung để giảm thiểu việc tiêm XSS
Theophany

120
history.back()

hoặc là

history.go(-1)

Đặt cái này vào onclicktay cầm nút . Nó sẽ giống như thế này:

<input name="action" onclick="history.back()" type="submit" value="Cancel"/>

11
Đặt nút này vào nút onClick xử lý
Vadim

7
Bạn có thể rõ ràng hơn như đưa ra câu trả lời trong mã
WowThatsLoud 17/05/2016

3
Trình duyệt hỗ trợ cái gì?
Costa

98

Để đi đến trang trước

Phương pháp đầu tiên

<a href="javascript: history.go(-1)">Go Back</a>

Phương pháp thứ hai

<a href="##" onClick="history.go(-1); return false;">Go back</a> 

nếu chúng ta muốn lùi lại một bước thì hãy tăng

For going 2 steps back history.go(-2)
For going 3 steps back history.go(-3)
For going 4 steps back history.go(-4)
and so on.......

2
@JeromeJ đó là một liên kết không làm gì nếu JavaScript không được bật / hoạt động (vì bất kỳ lý do gì) trên trang. Nếu JavaScript đang hoạt động, nó sẽ đưa trình duyệt trở lại một trang.
Jeromy Pháp

14
<input name="action" type="submit" value="Cancel" onclick="window.history.back();"/> 


12

Tuy nhiên, ngắn nhất!

<button onclick="history.go(-1);">Go back</button>

http://jsfiddle.net/qXrbx/

Tôi thích .go(-number)phương thức này hơn, vì 1 hoặc nhiều 'lưng' chỉ có 1 phương pháp để sử dụng / ghi nhớ / cập nhật / tìm kiếm, v.v.

Ngoài ra, sử dụng thẻ cho nút quay lại có vẻ phù hợp hơn so với thẻ có tên và loại ...


11

window.history.back ();

<button onclick="goBack()">Go Back</button>

<script>
function goBack() {
    window.history.back();
}
</script>

8

Đơn giản. Một đường thẳng.

<button onclick="javascript:window.history.back();">Go Back</button>

Giống như câu trả lời của Wim và Malik, nhưng chỉ trong một dòng.


Hoạt động tốt, nhưng đôi khi nếu người dùng quyết định thay đổi ngôn ngữ trên trang cụ thể bằng nút như thế này, nút quay lại trang trước sẽ chuyển ngôn ngữ trở lại, thay vì trang ...
Marek Bernád

6

Đây là điều duy nhất hoạt động trên tất cả các trình duyệt hiện tại:

<script>
function goBack() {
    history.go(-1);
}
</script>
<button onclick="goBack()">Go Back</button>

6

Làm việc cho tôi mọi lúc

<a href="javascript:history.go(-1)">
    <button type="button">
        Back
    </button>
</a>
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.