Rumah hujung hadapan web tutorial js Penjelasan terperinci tentang penggunaan Lokasi dalam kemahiran JS_javascript

Penjelasan terperinci tentang penggunaan Lokasi dalam kemahiran JS_javascript

May 16, 2016 pm 03:59 PM
js location

Objek alamat lokasi dalam JavaScript menerangkan alamat yang dibuka oleh objek tetingkap tertentu. Untuk mewakili alamat tetingkap semasa, hanya gunakan "lokasi"; untuk mewakili alamat tetingkap tertentu, gunakan "<Window Object>.location".

1. Maksud Lokasi dalam JS

1. Objek Lokasi disimpan dalam sifat Lokasi objek Tetingkap dan mewakili alamat Web dokumen yang sedang dipaparkan dalam tetingkap itu. Atribut hrefnya menyimpan URL lengkap dokumen dan atribut lain menerangkan pelbagai bahagian URL. Sifat ini sangat serupa dengan sifat URL objek Anchor (atau objek Kawasan). Apabila objek Lokasi ditukar kepada rentetan, nilai atribut href dikembalikan. Ini bermakna anda boleh menggunakan lokasi ungkapan dan bukannya location.href.

2. Objek Anchor mewakili hiperpautan dalam dokumen, tetapi objek Lokasi mewakili URL (atau lokasi) dokumen yang sedang dipaparkan oleh penyemak imbas. Tetapi objek Lokasi boleh melakukan lebih daripada itu. Ia juga boleh mengawal kedudukan dokumen yang dipaparkan oleh penyemak imbas. Jika rentetan yang mengandungi URL diperuntukkan kepada objek Lokasi atau atribut hrefnya, penyemak imbas akan memuatkan dokumen yang ditunjuk oleh URL baharu dan memaparkannya.

3. Selain menetapkan lokasi atau location.href untuk menggantikan URL semasa dengan URL lengkap, anda juga boleh mengubah suai sebahagian daripada URL dengan memberikan nilai kepada sifat lain objek Lokasi. Melakukannya akan membuat URL baharu, sebahagian daripadanya berbeza daripada URL asal dan penyemak imbas akan memuatkan serta memaparkannya. Sebagai contoh, jika anda menetapkan sifat cincang objek Lokasi, penyemak imbas akan berpindah ke lokasi yang ditentukan dalam dokumen semasa. Begitu juga, jika atribut carian ditetapkan, penyemak imbas akan memuatkan semula URL dengan rentetan pertanyaan baharu yang dilampirkan.

4. Selain atribut URL, kaedah muat semula() objek Lokasi boleh memuatkan semula dokumen semasa, dan menggantikan() boleh memuatkan dokumen baharu tanpa membuat rekod sejarah baharu untuknya. dalam penyemak imbas Dalam senarai sejarah, dokumen baharu akan menggantikan dokumen semasa.

2. Atribut lokasi dalam JS

Perihalan Harta
hash Menetapkan atau mengembalikan URL (sauh) bermula dengan tanda paun (#). Jika tiada "#" dalam alamat, rentetan kosong dikembalikan.
hos menetapkan atau mengembalikan nama hos dan nombor port URL semasa.
nama hos menetapkan atau mengembalikan nama hos URL semasa.
href menetapkan atau mengembalikan URL lengkap. Cara untuk memaparkannya dalam bar alamat penyemak imbas akan mengembalikannya.
nama laluan menetapkan atau mengembalikan bahagian laluan URL semasa.
port Menetapkan atau mengembalikan nombor port URL semasa Menetapkan atau mengembalikan nombor port URL semasa.
protokol menetapkan atau mengembalikan protokol URL semasa, nilainya ialah 'http:', 'https:', 'file:' dan sebagainya.
carian menetapkan atau mengembalikan URL (bahagian pertanyaan) bermula dengan tanda soal (?).

3. Kaedah objek lokasi dalam JS

Perihalan Harta
assign() memuatkan dokumen baharu.
reload() memuatkan semula dokumen semasa, yang bersamaan dengan menekan kekunci "Refresh" (IE) atau "Reload" (Netscape) pada penyemak imbas.
replace() menggantikan dokumen semasa dengan dokumen baharu, yang bersamaan dengan menekan kekunci "Refresh" (IE) atau "Reload" pada penyemak imbas.

4. Contoh lokasi dalam JS

//简单跳转

function gotoPage(url) { 

var url ="url&#63;catalogid="+catalogID; 

window.location =url; 

}

//为单个页面传递参数

function goto_catalog(iCat) { 

if(iCat&lt;=0) { 

top.location = "url";

} else { 

window.location ="url&#63;catid="+iCat; 

}

}

// 对指定框架进行跳转页面

function goto_iframe(url) { 

parent.mainFrame.location ="url"; 

}
Salin selepas log masuk

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Cara menggunakan Peta JS dan Baidu untuk melaksanakan fungsi pan peta Cara menggunakan Peta JS dan Baidu untuk melaksanakan fungsi pan peta Nov 21, 2023 am 10:00 AM

Cara menggunakan Peta JS dan Baidu untuk melaksanakan fungsi pan peta

Disyorkan: Projek pengesanan dan pengecaman muka sumber terbuka JS yang sangat baik Disyorkan: Projek pengesanan dan pengecaman muka sumber terbuka JS yang sangat baik Apr 03, 2024 am 11:55 AM

Disyorkan: Projek pengesanan dan pengecaman muka sumber terbuka JS yang sangat baik

Alat penting untuk analisis saham: Ketahui langkah-langkah untuk melukis carta lilin dengan PHP dan JS Alat penting untuk analisis saham: Ketahui langkah-langkah untuk melukis carta lilin dengan PHP dan JS Dec 17, 2023 pm 06:55 PM

Alat penting untuk analisis saham: Ketahui langkah-langkah untuk melukis carta lilin dengan PHP dan JS

Petua Pembangunan PHP dan JS: Kuasai Kaedah Melukis Carta Lilin Stok Petua Pembangunan PHP dan JS: Kuasai Kaedah Melukis Carta Lilin Stok Dec 18, 2023 pm 03:39 PM

Petua Pembangunan PHP dan JS: Kuasai Kaedah Melukis Carta Lilin Stok

Cara membuat carta candlestick saham menggunakan PHP dan JS Cara membuat carta candlestick saham menggunakan PHP dan JS Dec 17, 2023 am 08:08 AM

Cara membuat carta candlestick saham menggunakan PHP dan JS

Cara menggunakan Peta JS dan Baidu untuk melaksanakan fungsi lukisan poligon peta Cara menggunakan Peta JS dan Baidu untuk melaksanakan fungsi lukisan poligon peta Nov 21, 2023 am 10:53 AM

Cara menggunakan Peta JS dan Baidu untuk melaksanakan fungsi lukisan poligon peta

Cara menggunakan JS dan Baidu Map untuk melaksanakan fungsi pemprosesan acara klik peta Cara menggunakan JS dan Baidu Map untuk melaksanakan fungsi pemprosesan acara klik peta Nov 21, 2023 am 11:11 AM

Cara menggunakan JS dan Baidu Map untuk melaksanakan fungsi pemprosesan acara klik peta

Apakah yang dilakukan oleh pengendali baharu dalam js Apakah yang dilakukan oleh pengendali baharu dalam js Nov 13, 2023 pm 04:05 PM

Apakah yang dilakukan oleh pengendali baharu dalam js

See all articles