Chức năng trang tiếp theo trong JavaScript

Có hai cách phổ biến để khiến trình duyệt quay lại trang trước đó bằng cách nhấp vào sự kiện JavaScript, cả hai phương pháp đều được mô tả bên dưới

Nội dung chính Show

Làm cách nào để chuyển đến trang tiếp theo trong JavaScript?
Làm cách nào để điều hướng giữa các trang trong JavaScript?
Làm cách nào để liên kết hai trang trong JavaScript?
Làm cách nào để liên kết nút với một trang khác trong JavaScript?

Phương pháp 1. Sử dụng lịch sử. đi() phương pháp. 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. Tham số delta dương có nghĩa là trang sẽ tiếp tục trong lịch sử. Tương tự, giá trị delta âm sẽ khiến trang quay lại trang trước.
Có thể sử dụng phương pháp này với ‘-1’ làm giá trị delta để quay lại một trang trong lịch sử. Sự kiện onclick có thể được chỉ định bằng phương pháp quay lại một trang trong lịch sử.

cú pháp

window.history.go(-1)

Ghi chú. Nếu chúng tôi muốn quay lại nhiều bước thì hãy tăng giá trị của delta từ '-1' lên bao nhiêu tùy ý

Trong bài viết này, chúng ta sẽ biết cách chuyển hướng trang web sang trang khác bằng Javascript, cùng với việc hiểu cách triển khai nó thông qua các ví dụ

Có một số phương pháp để chuyển hướng đến một trang web khác bằng JavaScript. Một số trong số họ được liệt kê dưới đây

địa điểm. href. Nó được sử dụng để đặt hoặc trả về URL đầy đủ của trang hiện tại
địa điểm. thay thế(). Nó được sử dụng để thay thế tài liệu hiện tại bằng tài liệu được chỉ định
địa điểm. giao phó(). Nó được sử dụng để tải một tài liệu mới

cú pháp

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

Thông số. Nó chấp nhận một URL tham số duy nhất được yêu cầu. Nó được sử dụng để chỉ định tham chiếu của trang web mới

Giá trị trả về. Không có giá trị trả về

ví dụ 1. Ví dụ này minh họa việc sử dụng vị trí. thuộc tính href

HTML

_______3____4____5

<body>

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0______31____221>

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0______37_______289<09<27>

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0______3<8 <9html0html1html2<8>

html5

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0html7

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0______3____50>

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0>3

>4>5

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0>7

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0>9>0>

>9body>

>9html>

đầu ra.

địa điểm. thuộc tính href

ví dụ 2. Đây là một ví dụ về vị trí. phương thức thay thế ()

HTML

_______3____4____5

<body>

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0______31____221>

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0______37______289body89>07>

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0______3<8 <9html0html1html2<8>

html5

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0html7

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0______3____50>

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0>3

>403

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0>7

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0>9>0>

>9body>

>9html>

đầu ra

Chức năng trang tiếp theo trong JavaScript

địa điểm. thay thế

ví dụ 3. Ví dụ này sử dụng vị trí. phương thức gán()

HTML

_______3____4____5

<23>

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0______327____22827>

>923>

<body>

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0______3404140>

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0______31____2281>

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0______3<8 <9html05556<8>

html5

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

061

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0______3____50>

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

067

>469

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0>7

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

0>9>0>

>9body>

>9html>

đầu ra

địa điểm. giao phó

GHI CHÚ. Đầu ra của tất cả các phương thức sẽ giống nhau nhưng vị trí. Phương thức thay thế () xóa URL của tài liệu hiện tại khỏi lịch sử tài liệu. Vì vậy, nó là tốt để sử dụng vị trí. gán () nếu bạn muốn tùy chọn điều hướng trở lại tài liệu gốc.

Làm cách nào để chuyển đến trang tiếp theo trong JavaScript?

Trả lời. Sử dụng cửa sổ JavaScript. Thuộc tính vị trí thuộc tính vị trí để chuyển hướng trang , bạn không cần bất kỳ jQuery nào cho việc này. Nếu bạn muốn tự động chuyển hướng người dùng từ trang này sang trang khác, bạn có thể sử dụng cú pháp window. địa điểm. thay thế ("page_url").