Computer >> Máy Tính >  >> Lập trình >> Javascript

Triển khai Onclick trong JavaScript và cho phép trình duyệt web quay lại trang trước?

Để đến trang sau khi nhấp vào nút, hãy sử dụng khái niệm -

window.history.go(-1)

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/4.7.0/css/font-awesome.min.css">
<style>
</style>
</head>
<body>
<input action="gotoPreviousPage" onclick="window.history.go(-1);
return false;" type="submit"
value="Click the button to Goto the Previous Page...." />
<script>
</script>
</body>
</html>

Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)” và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Mã VS.

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Triển khai Onclick trong JavaScript và cho phép trình duyệt web quay lại trang trước?

Sau khi nhấp vào nút “Nhấp vào nút để Chuyển Trang Trước đó ....”, bạn sẽ đến trang trước như trong ảnh chụp màn hình bên dưới -

Triển khai Onclick trong JavaScript và cho phép trình duyệt web quay lại trang trước?