HTML quay lại liên kết trang trước

Nó có tác dụng tương tự như gọi history.go(-1). Nếu không có trang trước, cuộc gọi phương thức này không làm gì cả

Phương pháp này là không đồng bộ. Thêm một người nghe cho sự kiện popstate để xác định thời điểm điều hướng đã hoàn thành

back()

ví dụ

Ví dụ ngắn sau đây khiến một nút trên trang điều hướng trở lại một mục trong lịch sử phiên

Additional Note: Referring to the previous page with a reference tag is not a good solution. Most new beginners often try to use the reference tag to move to the previous page, and in the browser’s history, it registers itself as a move forward. So that is not an optimal solution because the browser is not going back. Rather, it is actually going forward.

Phương pháp trong Spotlight

Phương pháp sau đây được sử dụng để di chuyển trình duyệt trở lại

cửa sổ. lịch sử . quay lại()

Phương thức này không nhận bất kỳ tham số nào cũng như không trả về bất kỳ thứ gì. Nó chỉ đơn giản là di chuyển trình duyệt trở lại một bước trong lịch sử của nó. Hãy đi qua một ví dụ để chứng minh nó hoạt động

Bước 1. thiết lập nhà. html

Tạo một tài liệu HTML với tên home, và đây là trang đầu tiên sẽ được sử dụng để chuyển sang trang thứ hai. Để tạo tài liệu HTML gia đình này, hãy sử dụng các dòng sau

< trung tâm >

< b >This is the First Page! b >

< a href ="secondPage.html"> Nhấp để truy cập trang thứ hai a>

center>

In this HTML document, an tag is used to move the browser “forward” on the second page. At this point, the browser shows the following output:

Trang web hiển thị liên kết để chuyển sang trang thứ hai, nhưng hiện tại, trang thứ hai đó bị thiếu, vì vậy hãy tạo liên kết đó trong bước tiếp theo

Bước 2. Thiết lập trang thứ hai. html

Tạo một tài liệu HTML khác và đặt tên là secondPage. html. Trong tệp này, thêm vào các dòng sau

< trung tâm >

< b >This is the second pageb>

<br />

<b>Click the Button below to "back" to the previous pageb>

<br />

<br />

<br />

<button onclick="backButton()">Take me Back! nút >

trung tâm >

Trong tài liệu HTML này, chúng tôi đã tạo một nút có thuộc tính onclick được đặt thành backButton(). Thao tác này sẽ tạo trang web sau trên trình duyệt

Chức năng của nút để đưa trình duyệt trở lại khi nhấn nút vẫn bị thiếu. Đối với điều này, hãy thêm thẻ tập lệnh sau vào trang thứ hai. html

< tập lệnh >

nút lùi chức năng () {

window.lịch sử . quay lại();

}

script>

Trong thẻ tập lệnh này, hàm backButton() được tạo sẽ được gọi khi nhấn nút. Trong chức năng này, phương thức back() đã được áp dụng cho thuộc tính “history” bằng cách sử dụng đối tượng window của trình duyệt

Sau này, tải về nhà. html trong trình duyệt và quan sát chức năng như sau

Có một vài điều cần chú ý

• Lúc đầu, cả nút chuyển tiếp và quay lại của trình duyệt đều bị vô hiệu hóa do không có lịch sử
• Nhấp vào liên kết sẽ đưa người dùng đến trang thứ hai
• Khi ở trang thứ hai, nút quay lại được kích hoạt
• Nhấp vào nút trên trang thứ hai sẽ đưa người dùng trở lại trang chủ
• Tuy nhiên, nút quay lại bị tắt trên trang chủ và nút chuyển tiếp hiện được bật
• Điều này có nghĩa là trình duyệt không được chuyển hướng đến trang chủ. Thay vào đó, nó đã được di chuyển trở lại từ lịch sử

Gói (lại

Trong phần JavaScript của tài liệu trang web, chỉ cần sử dụng cửa sổ. lịch sử. back() để làm cho các trình duyệt quay trở lại trang trước đó nó đã truy cập. “Cửa sổ” là đối tượng cửa sổ của trình duyệt, “lịch sử” là thuộc tính của đối tượng cửa sổ và back() là phương thức đang được áp dụng cho lịch sử để di chuyển trình duyệt trở lại. Bài viết này đã sử dụng một ví dụ từng bước để chứng minh hoạt động của cửa sổ. lịch sử. quay lại() phương pháp

Làm cách nào để quay lại URL trước đó trong JavaScript?

Phương pháp 1. Sử dụng lịch sử. phương thức go() . Phương thức go() của cửa sổ. đối tượng lịch sử được sử dụng để tải một trang từ lịch sử phiên. Nó có thể được sử dụng để tiến hoặc lùi bằng cách sử dụng giá trị của tham số delta.

Nút nào giúp quay ngược từ trang hiện tại về trang trước?

Nút bên trái được sử dụng theo mặc định để quay lại một trang, chẳng hạn như trong trình duyệt để quay lại trang trước. Nút bên phải được sử dụng theo mặc định để chuyển tiếp trong một trang.

Nút nào cho phép bạn quay lại trang web trước đó?

Trong trình duyệt Web, nút quay lại cho phép người dùng cuối điều hướng đến trang Web đã xem trước đó.