ความเข้าใจง่าย ๆ เกี่ยวกับวัตถุสถานที่:
1. วัตถุตำแหน่งครอบคลุมหน้าปัจจุบัน (หน้านี้) หรือข้อมูล URL โดยตรงของเอกสาร HTML ที่โหลดในปัจจุบันโดยตรง
2. วัตถุตำแหน่งเป็นคุณสมบัติของวัตถุหน้าต่างและสามารถเข้าถึงได้ผ่าน window.location
นี่คือข้อมูลที่เกี่ยวข้องกับ URL (ตัวระบุตำแหน่งทรัพยากร):
ในเบราว์เซอร์ URL มักจะประกอบด้วยส่วนต่อไปนี้:
[โปรโตคอล] [โฮสต์] [เส้นทาง] [คำถาม]
ข้อตกลง: โปรโตคอลทั่วไปคือ:
http: // หมายความว่าไฟล์ทรัพยากรอยู่บนเว็บเซิร์ฟเวอร์
FTP: // หมายความว่าไฟล์ทรัพยากรอยู่ในเซิร์ฟเวอร์ FTP บนเครือข่าย
โฮสต์: ชื่อโฮสต์และหมายเลขพอร์ตตัวอย่างเช่นโฮสต์ที่ใช้กันทั่วไปสำหรับ Tomcat ดั้งเดิม: LocalHost: 8080
เส้นทาง: ข้อมูลเส้นทางของโครงการโดยทั่วไปประกอบด้วย "/" และตัวละครและ "/" เป็นความสัมพันธ์ระดับที่เหนือกว่า
แบบสอบถาม: โดยทั่วไปมันเริ่มต้นด้วย "?" และเพิ่มคู่คีย์ค่าเพลง (คีย์ = value) หลังจากนั้น คู่คีย์หลายคู่จะคั่นด้วย "&" พวกเขาสามารถใช้สำหรับหน้าเว็บแบบไดนามิกพารามิเตอร์ผ่านไปยังฝั่งเซิร์ฟเวอร์ใช้สำหรับการดำเนินการพื้นหลังเงื่อนไขฐานข้อมูลแบบสอบถาม ฯลฯ ส่งข้อมูลตาราง ฯลฯ และสามารถวางไว้ที่นี่เพื่อส่ง สิ่งที่เกี่ยวข้องกับความปลอดภัยจะต้องมีการเข้ารหัสแยกต่างหากหรือผ่านวิธีการอื่น - - -
นอกจากนี้คุณยังสามารถเพิ่มพารามิเตอร์ที่ขึ้นต้นด้วยเครื่องหมาย "#" ในตอนท้ายของการสืบค้น แต่สิ่งนี้ไม่ได้ใช้ในปัจจุบันดังนั้นฉันจะไม่แสดงความคิดเห็นใด ๆ ในขณะนี้
คุณสมบัติวัตถุตำแหน่ง:
1. แอตทริบิวต์ HREF: ข้อมูล URL ที่สมบูรณ์ของหน้าปัจจุบันรวมถึงโปรโตคอลชื่อโฮสต์หมายเลขพอร์ตพารามิเตอร์แบบสอบถาม # ข้อมูล ฯลฯ ซึ่งทั้งหมดรวมอยู่ด้วย
2. แอตทริบิวต์โฮสต์: ชื่อโฮสต์และหมายเลขพอร์ตเช่น LocalHost: 8080 Local
3.HostName: ชื่อโฮสต์
4. พอร์ต: หมายเลขพอร์ตใน URL
5. Pathname: ส่วนหนึ่งของเนื้อหาเส้นทางใน URL มี "/"
6. protocol: โปรโตคอล
7.Serach: ส่วนการสืบค้นเริ่มต้นด้วย "?"
8.Hash: เนื้อหาเริ่มต้นด้วย "#"
การใช้งานทั่วไปของสถานที่
เห็นได้ชัดว่านอกเหนือจากการให้ข้อมูลแอตทริบิวต์ที่สะดวกนักพัฒนาแล้วยังมีจุดประสงค์ที่สำคัญและใช้กันทั่วไปอีกประการหนึ่ง
โหลดหน้าใหม่ใหม่ซึ่งสามารถใช้เพื่อรีเฟรชเนื้อหาเอกสาร แต่จุดประสงค์ที่สำคัญกว่าคือการโหลดเนื้อหาเอกสารใหม่หลังจากแก้ไขข้อมูล HREF
location.href: หลังจากการมอบหมายเบราว์เซอร์จะรีเฟรชเนื้อหาของเอกสารตาม URL ใหม่ที่ระบุไว้นี้
location.reload (): โหลดเอกสารซ้ำ
ช่วยเราในการแก้ปัญหาหน้าเว็บข้ามโดเมน:
1. รีเฟรชหน้าปัจจุบัน
window.location.href = url // ฉันคุ้นเคยกับการใช้วิธีนี้
self.location.href = url
location.href = url
ทั้งสามวิธีข้างต้นสามารถใช้เพื่อรีเฟรชหน้าปัจจุบัน (โหลดใหม่ตาม URL ที่ระบุซึ่งสามารถเป็นเอกสารใหม่ล่าสุดแทนที่เอกสารปัจจุบัน)
2. เมื่อใช้ iframe ในหน้าหลักเพื่อรวมหน้าเด็ก
หน้าหลักรีเฟรชหน้าเด็ก:
window.frames ["id"]. location.reload () // id เป็น id ของ iframe ในหน้า
3. หน้าเด็กรีเฟรชหน้าหลัก
partition.location.reload ()
self.opener.location.reload ()
มีหลายวิธีและเราจะสรุปพวกเขาต่อไปในขณะที่เราใช้ในอนาคต! - - -
วิธีการทั่วไปอื่น ๆ :
location.replace () // แทนที่เอกสารปัจจุบันด้วยเอกสารใหม่
location.assign () // โหลดเอกสารใหม่