cari

Rumah >hujung hadapan web >tutorial js >Penjelasan terperinci tentang lokasi tetingkap dan objek sejarah dalam pengaturcaraan JavaScript_Pengetahuan asas

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

WBOY
WBOYasal
2016-05-16 15:34:491379semak imbas

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>


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

<script>

document.write(location.pathname);

</script>

Keluaran kod di atas ialah: 

/js/js-window-location.html


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>


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>


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>

Kenyataan：
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
Artikel sebelumnya：Cara menangani pelbagai isu konkurensi dalam kemahiran JavaScript_javascriptArtikel seterusnya：Cara menangani pelbagai isu konkurensi dalam kemahiran JavaScript_javascript

Artikel berkaitan

Lihat lagi