คุณสมบัติอ่านอย่างเดียว Window.location ส่งกลับวัตถุตำแหน่งพร้อมข้อมูลเกี่ยวกับตำแหน่งปัจจุบันของเอกสาร คุณสามารถใช้สิ่งนี้เพื่อแยกวิเคราะห์ URL เป็นชื่อโฮสต์และเส้นทางได้
อินเทอร์เฟซ Location แสดงถึงตำแหน่ง (URL) ของวัตถุที่เชื่อมโยงกับ คุณสมบัติที่มีอยู่ในวัตถุที่ตั้ง -
Location.href - นี่คือ DOMString ที่มี URL ทั้งหมด ถ้ามีการเปลี่ยนแปลง เอกสารที่เกี่ยวข้องจะนำทางไปยังหน้าใหม่ สามารถตั้งค่าได้จากต้นทางที่แตกต่างจากเอกสารที่เกี่ยวข้อง
Location.protocol − โครงร่างโปรโตคอลของ URL รวมถึง ':' สุดท้าย
Location.host − โฮสต์ นั่นคือชื่อโฮสต์ ':' และพอร์ตของ URL
Location.hostname − โดเมนของ URL
Location.port − หมายเลขพอร์ตของ URL
Location.pathname − อักษรตัวแรก '/' ตามด้วยพาธของ URL
Location.search − A '?' ตามด้วยพารามิเตอร์หรือ "querystring" ของ URL เบราว์เซอร์สมัยใหม่มี URLSearchParams และ URL.searchParams เพื่อให้ง่ายต่อการแยกวิเคราะห์พารามิเตอร์จากสตริงการสืบค้น
Location.hash − '#' ตามด้วยตัวระบุส่วนย่อยของ URL
Location.username − ชื่อผู้ใช้ที่ระบุก่อนชื่อโดเมน
Location.password − รหัสผ่านที่ระบุก่อนชื่อโดเมน
ตัวอย่าง
ตัวอย่างการใช้งาน -
let hostname = location.hostname let path = location.pathname console.log(hostname) console.log(path)
บน URL:https://www.tutorialspoint.com/ajax/index.htm
ผลลัพธ์
สิ่งนี้จะให้ผลลัพธ์ -
www.tutorialspoint.com /ajax/index.htm
