Object ที่ Location

Object Window Location

Object ที่ Location มีข้อมูลเกี่ยวกับ URL ปัจจุบัน

Object ที่ Location เป็นเครื่องมือของโหลดหน้า

Object ที่ Location สามารถเข้าถึงด้วยวิธีต่อไปนี้:

window.location หรือแค่ location

ตัวอย่าง

let origin = window.location.origin;

ลองทดลองด้วยตัวเอง

let origin = location.origin;

ลองทดลองด้วยตัวเอง

property Object Location

property รายละเอียด
hash ตั้งค่าหรือกลับค่าส่วนของหลักของ URL ( # )
host ตั้งค่าหรือกลับค่าชื่อโฮสต์และเลขที่ประตูของ URL
hostname ตั้งค่าหรือกลับค่าชื่อโฮสต์ของ URL
href ตั้งค่าหรือกลับค่า URL ทั้งหมด
origin กลับค่าโปรโตคอล ชื่อโฮสต์และเลขที่ประตูของ URL
pathname ตั้งค่าหรือกลับค่าชื่อพาทของ URL
port ตั้งค่าหรือกลับค่าโปรโตคอลและเลขที่ประตูของ URL
protocol ตั้งค่าหรือกลับค่าโปรโตคอลของ URL
search ตั้งค่าหรือกลับค่าส่วนของคำค้นหาของ URL

method Object Location

ขอบวงเวียน รายละเอียด
assign() โหลดเอกสารใหม่
reload() โหลดเอกสารปัจจุบันอีกครั้ง
replace() แทนเอกสารปัจจุบันด้วยเอกสารใหม่

รายละเอียด Object Location

Object Location ถูกเก็บไว้ใน property Location ของ Object Window และมีความหมายคือ URL ของเอกสารที่แสดงอยู่ในหน้าต่างนี้ มันมี property hrefที่เก็บคือ URL ทั้งหมดของเอกสาร และ property อื่นๆ นั้นเล่าถึงส่วนต่าง ๆ ของ URL ดังกล่าว มันคล้ายกับ property URL ของ Object Anchor (หรือ Object Area) มาก ตอนที่ Object Location ถูกเปลี่ยนเป็น String มันจะกลับค่าของ property href ซึ่งหมายความว่าคุณสามารถใช้ expression location แทน location.href

แต่ Anchor Object นั้นมีความหมายถึงส่วนของลิงก์ในเอกสาร ส่วนที่ Location Object มีความหมายคือ URL (หรือตำแหน่ง) ของเอกสารที่บราวเซอร์กำลังแสดงอยู่ในขณะนี้ แต่สิ่งที่ Location Object สามารถทำได้นั้นมากกว่านี้ มันยังสามารถควบคุมตำแหน่งของเอกสารที่บราวเซอร์แสดงอยู่ หากให้ String ที่มี URL ให้กับ Object Location หรือ property href ของมัน บราวเซอร์จะนำเอกสารที่มี URL ใหม่มาละตะและแสดงให้เห็น

นอกจากการกำหนด location หรือ location.href ด้วย URL ทั้งหมดแทน URL ปัจจุบันแล้ว ยังสามารถแก้ไขส่วนต่าง ๆ ของ URL ด้วยการแต่งสมมาตรที่เหลือของ Object Location ด้วย การกระทำนี้จะสร้าง URL ใหม่ที่บางส่วนของมันต่างจาก URL ดังกล่าว บราวเซอร์จะนำมันมาละตะและแสดงให้เห็น ตัวอย่าง หากกำหนด Object Location attribute hashถ้ากำหนดลำดับ 1 ดังกล่าว บราวเซอร์จะย้ายไปยังตำแหน่งที่กำหนดแน่นอนในเอกสารปัจจุบัน คุณสมบัติ searchแล้วเว็บเบราเซอร์จะโหลด URL ที่มีคำถามของการค้นหาใหม่

นอกจากคุณสมบัติ URL ตัวเดียวนั้น ตัวเลือก Location วัตถุ วิธี reload()สามารถโหลดเอกสารปัจจุบันอีกครั้งreplace() สามารถทำการโหลดเอกสารใหม่โดยไม่ต้องสร้างประวัติเรียกใหม่ คือ ในบันทึกประวัติของเว็บเบราเซอร์ เอกสารใหม่จะแทนที่เอกสารปัจจุบัน