Bagaimana untuk membuka halaman baharu dalam javascript

PHPz
Lepaskan: 2023-04-21 09:42:55
asal
3634 orang telah melayarinya

Dalam pembangunan web, melompat ke halaman ialah operasi yang kerap digunakan dan JavaScript boleh melaksanakan fungsi ini dengan mudah. Seterusnya kami akan memperkenalkan operasi muncul halaman baharu dan merealisasikan lompatan melalui JavaScript.

1. Paparkan halaman baharu

Kita boleh menggunakan dua kaedah untuk membuka halaman baharu:

1 Melalui kaedah window.open()

tetingkap Kaedah .open() akan membuka tetingkap atau tab baharu dalam penyemak imbas Sintaksnya adalah seperti berikut:

window.open(url, name, specs, replace);
Salin selepas log masuk

di mana,

  • url ialah. halaman yang akan dibuka.
  • nama ialah nama tetingkap atau tab. Jika nama dinyatakan, semua tetingkap atau tab dengan nama yang sama akan dibuka dalam tetingkap atau tab yang sama. Jika tiada nama dinyatakan atau rentetan kosong ditentukan, tetingkap atau tab baharu akan dibuka setiap kali.
  • spesifikasi ialah satu set sifat dipisahkan koma yang boleh menentukan lebar, ketinggian, kedudukan, dsb. bagi tetingkap atau tab baharu. Parameter ini adalah pilihan.
  • ganti ialah nilai Boolean yang menunjukkan sama ada untuk menggantikan URL halaman semasa. Jika benar, halaman baharu menggantikan halaman semasa, jika tidak, ia akan dibuka dalam tetingkap atau tab baharu. Parameter ini juga adalah pilihan.

Sebagai contoh, kita boleh menggunakan kod berikut untuk membuka tetingkap baharu dan biarkan ia melompat ke laman utama Baidu:

window.open("https://www.baidu.com", "baidu");
Salin selepas log masuk

2. Melalui atribut window.location.href

Harta window.location.href boleh mendapatkan atau menetapkan URL halaman semasa. Apabila kami menetapkan atribut ini kepada URL baharu, penyemak imbas akan segera melompat ke URL, sekali gus mencapai kesan muncul halaman baharu.

Sebagai contoh, kita boleh menggunakan kod berikut untuk membuat penyemak imbas melompat ke halaman utama Baidu:

window.location.href = "https://www.baidu.com";
Salin selepas log masuk

2 Laksanakan lompatan halaman

Sekarang anda tahu Selepas bagaimana untuk membuka halaman baharu, kita juga perlu tahu cara melaksanakan lompatan.

1. Melalui atribut window.location.href

Kita boleh mencapai lompatan halaman dengan menetapkan atribut window.location.href. Contohnya, kod berikut boleh melompat halaman semasa ke halaman berita Baidu:

window.location.href = "https://news.baidu.com/";
Salin selepas log masuk

2 Melalui kaedah window.open()

kita juga boleh menggunakan window.open() ) kaedah untuk mencapai lompat halaman. Sebagai contoh, kod berikut boleh membuka halaman berita Baidu dalam tetingkap atau tab baharu:

window.open("https://news.baidu.com", "baidu");
Salin selepas log masuk

Perlu diambil perhatian bahawa jika kita ingin melompat ke halaman baharu dalam halaman semasa, kita harus menggunakan tetingkap .location.href hartanah. Jika anda ingin membuka halaman baharu dalam tetingkap atau tab baharu, anda boleh menggunakan kaedah window.open().

3. Ringkasan

Melalui pengenalan di atas, kami telah mempelajari cara menggunakan JavaScript untuk membuka halaman baharu dan merealisasikan operasi lompat. Sama ada anda menggunakan atribut window.location.href atau kaedah window.open(), ia adalah cara yang sangat mudah untuk melompat ke halaman Penggunaan khusus boleh dipilih mengikut keperluan perniagaan tertentu.

Atas ialah kandungan terperinci Bagaimana untuk membuka halaman baharu dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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