เป้าหมาย Location

เป้าหมาย Location

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

Object Location คือส่วนหนึ่งของ Object Window และสามารถเข้าถึงได้ผ่านคุณสมบัติ window.location

ตัวอย่าง

นำผู้ใช้ไปยังที่อยู่ใหม่

คุณสมบัติ Object Location

คุณสมบัติ การอธิบาย
hash ตั้งค่าหรือคืนค่า URL ที่เริ่มต้นด้วยเส้นขนาน (#) ซึ่งเป็น anchor
host ตั้งค่าหรือคืนค่าชื่อโฮสต์และที่อยู่ของโปรโตคอลของ URL ปัจจุบัน
hostname ตั้งค่าหรือคืนค่าชื่อโฮสต์ของ URL ปัจจุบัน
href ตั้งค่าหรือคืนค่า URL ทั้งหมด
pathname ตั้งค่าหรือคืนค่าส่วนของทางที่ URL ปัจจุบัน
port ตั้งค่าหรือคืนค่าที่อยู่ของโปรโตคอลของ URL ปัจจุบัน
protocol ตั้งค่าหรือคืนค่าโปรโตคอลของ URL ปัจจุบัน
search ตั้งค่าหรือคืนค่า URL ที่เริ่มต้นด้วยประกาย (?) ซึ่งเป็นส่วนของคำถาม

วิธีการ Object Location

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

การอธิบาย Object Location

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

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

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

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