ล่าสุดการพัฒนาเว็บบทเรียน
×

JS เกี่ยวกับการสอน

JS บ้าน JS บทนำ JS สถานที่ที่จะ JS ส่งออก JS วากยสัมพันธ์ JS งบ JS ความคิดเห็น JS ตัวแปร JS ผู้ประกอบการ JS คณิตศาสตร์ JS การมอบหมาย JS ชนิดข้อมูล JS ฟังก์ชั่น JS วัตถุ JS ขอบเขต JS เหตุการณ์ JS เงื่อนไข JS วิธีสตริง JS เบอร์ JS วิธีการจำนวน JS คณิตศาสตร์ JS วันที่ JS รูปแบบวันที่ JS วันวิธีการ JS แถว JS วิธีการอาร์เรย์ JS booleans JS เปรียบเทียบ JS เงื่อนไข JS สวิตซ์ JS ห่วง For JS ในขณะที่ห่วง JS หยุด JS ประเภทการแปลง JS นิพจน์ทั่วไป JS ข้อผิดพลาด JS แก้จุดบกพร่อง JS hoisting JS โหมดที่เข้มงวด JS คู่มือสไตล์ JS ปฏิบัติที่ดีที่สุด JS ข้อผิดพลาด JS ประสิทธิภาพ JS คำสงวน JS JSON

JS ฟอร์ม

แบบฟอร์มการตรวจสอบ รูปแบบ API

JS วัตถุ

นิยามวัตถุ คุณสมบัติของวัตถุ วิธีการของวัตถุ ต้นแบบวัตถุ

JS ฟังก์ชั่น

นิยามฟังก์ชั่น ค่าฟังก์ชัน ฟังก์ชั่นการภาวนา ปิดฟังก์ชั่น

JS HTML DOM

DOM แนะนำ DOM วิธีการ DOM เอกสาร DOM องค์ประกอบ DOM HTML DOM CSS DOM ภาพเคลื่อนไหว DOM เหตุการณ์ DOM EventListener DOM การเดินเรือ DOM โหนด DOM Nodelist

JS เบราว์เซอร์ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS ตัวอย่าง

JS ตัวอย่าง JS HTML DOM JS HTML อินพุต JS HTML วัตถุ JS HTML เหตุการณ์ JS เบราว์เซอร์ JS ทดสอบ JS สรุป

JS คู่มืออ้างอิง

JavaScript วัตถุ HTML DOM วัตถุ


 

JavaScriptประวัติหน้าต่าง


window.history วัตถุที่มีประวัติของเบราว์เซอร์


Window History

window.history วัตถุสามารถเขียนได้โดยไม่ต้องมีคำนำหน้าหน้าต่าง

เพื่อปกป้องความเป็นส่วนตัวของผู้ใช้ที่มีข้อ จำกัด วิธี JavaScript สามารถเข้าถึงวัตถุนี้

บางวิธีการ:

  • history.back() - เช่นเดียวกับการคลิกที่กลับมาอยู่ในเบราว์เซอร์
  • history.forward() - เช่นเดียวกับการคลิกไปข้างหน้าในเบราว์เซอร์

Window History กลับ

history.back() วิธีการโหลด URL ที่ก่อนหน้านี้ในรายการประวัติ

นี้เป็นเช่นเดียวกับการคลิกปุ่มย้อนกลับไปในเบราว์เซอร์

ตัวอย่าง

สร้างปุ่มย้อนกลับบนหน้าเว็บ:

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

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

</body>
</html>

การส่งออกของโค้ดข้างต้นจะได้รับ:


Window History ไปข้างหน้า

history forward() วิธีการโหลด URL ต่อไปในรายการประวัติ

นี้เป็นเช่นเดียวกับการคลิกที่ปุ่มไปข้างหน้าในเบราว์เซอร์

ตัวอย่าง

สร้างปุ่มไปข้างหน้าบนหน้าเว็บ:

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

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

</body>
</html>

การส่งออกของโค้ดข้างต้นจะได้รับ: