Window Location 对象

Window Location 对象

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

Object Location คือเครื่องมือแบบมีคุณสมบัติของ Window Object

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

window.location หรือใช้ location

รายการตัวอย่าง

let origin = window.location.origin;

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

let origin = location.origin;

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

properties Object Location

properties คำอธิบาย
hash ตั้งค่าหรือคืนค่าส่วนหาญของ URL (#)
host ตั้งค่าหรือคืนค่าชื่อโฮสต์และจำนวนเลขประจำโปรโตคอล
hostname ตั้งค่าหรือคืนค่าชื่อโฮสต์ใน URL
href ตั้งค่าหรือคืนค่าของ URL ทั้งหมด
origin คืนค่าของโปรโตคอล ชื่อโฮสต์และจำนวนเลขประจำโปรโตคอล
pathname ตั้งค่าหรือคืนค่าของชื่อเส้นทาง
port ตั้งค่าหรือคืนค่าของจำนวนเลขประจำโปรโตคอล
protocol ตั้งค่าหรือคืนค่าของโปรโตคอลใน URL
search ตั้งค่าหรือคืนค่าของส่วนของคำค้นหาใน URL

ฟังก์ชัน Object Location

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

Object Location คำอธิบาย

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

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

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

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