window.location วัตถุสามารถนำมาใช้เพื่อให้ได้อยู่หน้าปัจจุบัน (URL) และการเปลี่ยนเส้นทางเบราว์เซอร์ไปยังหน้าใหม่
Window Location
window.location วัตถุสามารถเขียนได้โดยไม่ต้องมีคำนำหน้าหน้าต่าง
ตัวอย่างบางส่วน:
- window.location.href กลับ href (URL) ของหน้าปัจจุบัน
- window.location.hostname ผลตอบแทนที่ได้ชื่อโดเมนของเว็บโฮสต์
- window.location.pathname ส่งกลับเส้นทางและชื่อแฟ้มของหน้าปัจจุบัน
- window.location.protocol ผลตอบแทนเว็บโปรโตคอลที่ใช้ ( http:// หรือ https:// )
- window.location.assign โหลดเอกสารใหม่
Window Location Href
window.location.href คุณสมบัติส่งกลับ URL ของหน้าปัจจุบัน
ตัวอย่าง
แสดง href (URL) ของหน้าปัจจุบัน:
document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;
ผลคือ:
Page location is http://admin.w3ii2.com/index.php?r=site%2Farticle%2Fupdate&clasId=6&path=js_window_location
ลองตัวเอง» Window Location Hostname
window.location.hostname คุณสมบัติส่งกลับชื่อของโฮสต์อินเทอร์เน็ต (ของหน้าปัจจุบัน)
ตัวอย่าง
แสดงชื่อของโฮสต์:
document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;ผลคือ:
Page hostname is admin.w3ii2.com
ลองตัวเอง» Window Location Pathname
window.location.pathname คุณสมบัติผลตอบแทนที่ชื่อพา ธ ของหน้าปัจจุบัน
ตัวอย่าง
แสดงชื่อเส้นทางของ URL ปัจจุบันนี้:
document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;
ผลคือ:
/index.php ลองตัวเอง» Window Location Protocol
window.location.protocol คุณสมบัติส่งกลับโปรโตคอลเว็บของหน้า
ตัวอย่าง
แสดงโปรโตคอลเว็บ:
document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;
ผลคือ:
Page protocol is http: ลองตัวเอง» Window Location Assign
window.location.assign() วิธีการโหลดเอกสารใหม่
ตัวอย่าง
โหลดเอกสารใหม่:
<html>
<head>
<script>
function newDoc() {
window.location.assign("http://www.w3ii.com")
}
</script>
</head>
<body>
<input type="button" value="Load new document"
onclick="newDoc()">
</body>
</html>
ลองตัวเอง»