07/09/2018, 15:17

Window History trong JavaScript

Đối tượng window.history chứa lịch sử trình duyệt. Window History Đối tượng window.history có thể được viết mà không có tiền tố window. Để bảo vệ sự riêng tư của người dùng, có những hạn chế về cách JavaScript có thể truy cập đối tượng này. Một số phương ...

Đối tượng window.history chứa lịch sử trình duyệt.

Window History

Đối tượng window.history có thể được viết mà không có tiền tố window. Để bảo vệ sự riêng tư của người dùng, có những hạn chế về cách JavaScript có thể truy cập đối tượng này.

Một số phương thức:

  • history.back() – giống như cách nhấp vào lại trong trình duyệt
  • history.forward() – tương tự như cách nhấp vào trong trình duyệt

Window History Back

Phương thức history.back() nạp URL trước đó vào danh sách lịch sử. Điều này giống như cách nhấp vào nút Quay lại trong trình duyệt.

Ví dụ tạo nút quay lại trên một trang:

<html>
<head>
<script>
function goBack() {
    window.history.back()
}
</script>
</head>
<body>

<input type="button" value="Back" onclick="goBack()">

</body>
</html>

Window History Forward

Phương thức history forward() sẽ tải URL tiếp theo trong danh sách lịch sử. Điều này giống như cách nhấp vào nút Chuyển tiếp trong trình duyệt.

Ví dụ tạo một nút chuyển tiếp trên một trang:

<html>
<head>
<script>
function goForward() {
    window.history.forward()
}
</script>
</head>
<body>

<input type="button" value="Forward" onclick="goForward()">

</body>
</html>
Tham khảo thêm các khóa học lập trình web từ Front-end đến Back-end do trực tiếp giảng viên quốc tế trường FPT Arena giảng dạy giúp bạn thành thạo kỹ năng lập trình web từ CƠ BẢN – NÂNG CAO với giá chỉ từ 290,000đ:
  • Học lập trình front-end cơ bản với bootstrap 4/html5/css3
  • Học lập trình front-end nâng cao qua Project thực tế
  • Học thiết kế web với Photoshop, CSS theo kiểu SASS
  • Học cách sử dụng Git_hub cho lập trình viên
  • Học lập trình Back-end PHP theo mô hình MVC cơ bản
  • Học lập trình Back-end PHP theo mô hình MVC nâng cao
  • Học lập trình Cơ sở dữ liệu với AngularJS
  • Học lập trình theme wordpress. Làm ra mọi website hoàn chỉnh với wordpress
  • Combo lập trình front-end từ cơ bản – nâng cao
  • Combo lập trình back-end từ cơ bản đến nâng cao
  • Combo lập trình web với word press từ A-Z
0