Memahami dan penggunaan biasa atribut objek lokasi dalam dokumen HTML_Pengetahuan asas

Pemahaman mudah tentang objek lokasi:

1. Objek lokasi meliputi halaman semasa (halaman ini) atau lebih secara langsung, maklumat url dokumen HTML yang sedang dimuatkan

2. Objek lokasi ialah atribut objek tetingkap dan boleh diakses melalui window.location

Mari perkenalkan beberapa maklumat yang berkaitan tentang URL (pencari sumber):

Dalam penyemak imbas, URL biasanya terdiri daripada bahagian berikut:

[Protokol][hos][path][pertanyaan]

Protokol: Protokol biasa ialah:

http:// menunjukkan bahawa fail sumber berada pada pelayan web

ftp:// menunjukkan bahawa fail sumber berada dalam pelayan ftp pada rangkaian

hos: nama hos dan nombor port, seperti hos yang biasa digunakan oleh tomcat tempatan: localhost:8080

laluan: maklumat laluan projek, biasanya terdiri daripada "/" dan aksara, "/" ialah hubungan superior-subordinat

pertanyaan: biasanya bermula dengan "?", diikuti dengan beberapa pasangan nilai kunci (key=value) dipisahkan dengan "&". bahagian pelayan, ia boleh digunakan untuk operasi latar belakang, menanyakan syarat pangkalan data, dsb., menyerahkan data borang, dsb., dan boleh diserahkan di sini Perkara yang melibatkan keselamatan perlu disulitkan atau melalui kaedah lain. . . .

Anda juga boleh menambah parameter bermula dengan "#" selepas pertanyaan, tetapi ini tidak digunakan pada masa ini, jadi saya tidak akan mengulas secara santai buat masa ini

atribut objek lokasi:

Atribut 1.href: Maklumat url lengkap halaman semasa, termasuk protokol, nama hos, nombor port, parameter pertanyaan, #maklumat, dsb., semuanya disertakan

Atribut 2.host: nama hos dan nombor port, seperti localhost:8080 mesin tempatan

3.nama hos: nama hos

4.port: nombor port dalam url

5.pathname: Bahagian kandungan laluan dalam url yang mengandungi "/"

6.protokol：Protokol

7.serach: Bahagian pertanyaan bermula dengan "?"

8.hash: Kandungan bermula dengan "#"

Penggunaan lokasi biasa

Jelas sekali, selain menyediakan pemaju maklumat atribut yang mudah, terdapat juga penggunaan yang lebih penting dan biasa

Memuat semula halaman boleh digunakan untuk memuat semula kandungan dokumen, tetapi penggunaan yang lebih penting ialah memuat semula kandungan dokumen selepas mengubah suai maklumat href

location.href: Selepas tugasan, penyemak imbas akan memuat semula kandungan dokumen mengikut URL baharu yang ditentukan

location.reload(): Muat semula dokumen

Bantu kami menyelesaikan masalah halaman merentas domain:

1. Muat semula halaman semasa

window.location.href =url//Saya sudah biasa menggunakan kaedah ini

self.location.href =url

lokasi.href =url

Kesemua tiga kaedah di atas boleh digunakan untuk memuat semula halaman semasa (muat semula mengikut url yang ditentukan, yang boleh menjadi dokumen baharu yang lain, menggantikan dokumen semasa)

2. Apabila halaman induk menggunakan iframe untuk memasukkan halaman anak

Halaman induk menyegarkan halaman anak:

window.frames["id"].location.reload()//id ialah id iframe dalam halaman

3. Halaman anak menyegarkan halaman induk

parant.location.reload()

self.opener.location.reload()

Terdapat banyak kaedah, dan kami akan terus meringkaskannya dengan penggunaan sebenar pada masa hadapan! ! ! !

Kaedah biasa lain:

location.replace() //Gantikan dokumen semasa dengan dokumen baharu

location.assign() //Muat dokumen baharu