Penjelasan terperinci tentang lokasi tetingkap dan objek sejarah dalam pengaturcaraan JavaScript

Penjelasan terperinci tentang lokasi tetingkap dan objek sejarah dalam pengaturcaraan JavaScript_Pengetahuan asas

WBOY

Lepaskan： 2016-05-16 15:34:49

asal

1380 orang telah melayarinya

Lokasi Tetingkap

Objek window.location digunakan untuk mendapatkan alamat (URL) halaman semasa dan mengubah hala penyemak imbas ke halaman baharu.
Objek window.location boleh ditulis tanpa awalan tetingkap. Beberapa contoh:
Beberapa contoh:
location.hostname mengembalikan nama domain hos web
location.pathname mengembalikan laluan dan nama fail halaman semasa
location.port mengembalikan port hos web (80 atau 443)
location.protocol mengembalikan protokol web yang digunakan (http:// atau https://)

Href Lokasi Tetingkap

Harta location.href mengembalikan URL halaman semasa.
Contoh
Kembalikan keseluruhan URL (halaman semasa):

<script>

document.write(location.href);

</script>

Salin selepas log masuk

Nama Laluan Lokasi Tetingkap
Sifat location.pathname mengembalikan nama laluan URL.
Contoh
Mengembalikan nama laluan URL semasa:

<script>

document.write(location.pathname);

</script>

Salin selepas log masuk

Keluaran kod di atas ialah:

/js/js-window-location.html

Salin selepas log masuk

Tugaskan Lokasi Tetingkap
Kaedah location.assign() memuatkan dokumen baharu.
Contoh
Muatkan dokumen baharu:

<html>
<head>
<script>
function newDoc()
 {
 window.location.assign("http://www.w3cschool.cc")
 }
</script>
</head>
<body>

<input type="button" value="Load new document" onclick="newDoc()">

</body>
</html>

Salin selepas log masuk

Sejarah Tetingkap
Objek window.history tidak perlu menggunakan awalan tetingkap semasa menulis.
Untuk melindungi privasi pengguna, kaedah JavaScript untuk mengakses objek ini adalah terhad.
Beberapa kaedah:

history.back() - Sama seperti mengklik butang belakang dalam penyemak imbas
history.forward() - Sama seperti mengklik butang ke hadapan dalam penyemak imbas

Sejarah Tetingkap Kembali

Kaedah history.back() memuatkan URL sebelumnya dalam senarai sejarah.
Ini adalah sama seperti mengklik butang kembali dalam penyemak imbas anda:
Contoh
Buat butang belakang pada halaman:

<html>
<head>
<script>
function goBack()
 {
 window.history.back()
 }
</script>
</head>
<body>

<input type="button" value="Back" onclick="goBack()">

</body>
</html>

Salin selepas log masuk

Sejarah Tetingkap Hadapan
Kaedah history forward() memuatkan URL seterusnya dalam senarai sejarah.
Ini adalah sama seperti mengklik butang ke hadapan dalam penyemak imbas anda:
Contoh
Buat butang ke hadapan pada halaman:

<html>
<head>
<script>
function goForward()
 {
 window.history.forward()
 }
</script>
</head>
<body>

<input type="button" value="Forward" onclick="goForward()">

</body>
</html>

Salin selepas log masuk