JavaScript ภายในหน้า ที่ตั้ง

window.location 对象可用于获取当前页面地址（URL）并把浏览器重定向到新页面。

Window Location

window.location 对象可不带 window 前缀书写。

ตัวอย่างเช่น：

  • window.location.href กลับค่า href (URL) ของหน้าปัจจุบัน
  • window.location.hostname กลับค่าโดเมนของโฮสต์ web
  • window.location.pathname กลับค่าหน้าทางเข้าหรือชื่อไฟล์ของหน้าปัจจุบัน
  • window.location.protocol กลับค่าโปรโตคอล web ที่ใช้ (http: หรือ https:)
  • window.location.assign โหลดเอกสารใหม่

Window Location Href

window.location.href ตัวแปรค่ากลับค่า URL ของหน้าปัจจุบัน

วิธีโหลดเอกสารใหม่

แสดง href (URL) ของหน้าปัจจุบัน：

document.getElementById("demo").innerHTML = "ตำแหน่งหน้าคือ " + window.location.hrefwindow.location.port

ผลลัพธ์คือ：

ตำแหน่งหน้าคือ http://www.codew3c.com/js/js_window_location.asp

</html>

Window Location ชื่อโฮสต์

window.location.hostname ตัวแปรค่ากลับค่าชื่อโฮสต์ (โฮสต์อินเตอร์เน็ต) ของ (หน้าปัจจุบัน)

วิธีโหลดเอกสารใหม่

แสดงชื่อโฮสต์：

document.getElementById("demo").innerHTML = "ชื่อโฮสต์คือ " + window.location.hostnamewindow.location.port

ผลลัพธ์คือ：

ชื่อโฮสต์ของหน้าคือ www.codew3c.com

</html>

Window Location ชื่อหน้าทางเข้า

window.location.pathname ตัวแปรค่ากลับค่าชื่อหน้าทางเข้าของหน้าปัจจุบัน

วิธีโหลดเอกสารใหม่

แสดงชื่อหน้าทางเข้าของ URL ในปัจจุบัน：

document.getElementById("demo").innerHTML = "หน้าทางเข้าคือ " + window.location.pathnamewindow.location.port

ผลลัพธ์คือ：

หน้าทางเข้าคือ /js/js_window_location.asp

</html>

Window Location โปรโตคอล

window.location.protocol ตัวแปรค่ากลับค่าโปรโตคอล web ของหน้า

วิธีโหลดเอกสารใหม่

แสดง web โปรโตคอล：

document.getElementById("demo").innerHTML = "หน้าข้อตกลงคือ " + window.location.protocolwindow.location.port

ผลลัพธ์คือ：

หน้าข้อตกลงคือ http:

</html>

Window Location 端口

document.getElementById("demo").innerHTML = "เลขที่ดินแดนปริมาณการส่งข้อมูลของเฮ้าส์เซิร์ฟเวอร์คือ: " + Window Location ลำดับเลขที่ดินแดนปริมาณการส่งข้อมูล

วิธีโหลดเอกสารใหม่

เลขที่ดินแดนปริมาณการส่งข้อมูล

แสดงเลขที่ดินแดนปริมาณการส่งข้อมูลของเฮ้าส์เซิร์ฟเวอร์: document.getElementById("demo").innerHTML = "เลขที่ดินแดนปริมาณการส่งข้อมูลของเฮ้าส์เซิร์ฟเวอร์คือ: " +window.location.port

</html>

;

ส่วนใหญ่ของเบราเซอร์จะไม่แสดงเลขที่ดินแดนปริมาณการส่งข้อมูล (http คือ 80 และ https คือ 443)

Window Location Assign window.location.assign()

วิธีโหลดเอกสารใหม่

ตัวอย่าง

โหลดเอกสารใหม่:
<html>
<head>
<script>
    function newDoc() {
 window.location.assign("https://www.codew3c.com")
}
</script>
</head>
<body>
<input type="button" value="Load new document" onclick="newDoc()">
</body>

</html>