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

Penjelasan terperinci tentang penggunaan Lokasi dalam kemahiran JS_javascript

WBOY
Lepaskan: 2016-05-16 15:59:48
asal
1258 orang telah melayarinya

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 ".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?catalogid="+catalogID; 

window.location =url; 

}

//为单个页面传递参数

function goto_catalog(iCat) { 

if(iCat<=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.

Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan