Rumah >hujung hadapan web >tutorial js >Beberapa cara biasa untuk melaksanakan lompatan halaman dalam kemahiran JavaScript_javascript
Contoh dalam artikel ini menerangkan beberapa cara biasa untuk melaksanakan lonjakan halaman dalam JavaScript. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:
Jenis pertama:
<script language="javascript" type="text/javascript"> window.location.href="login.jsp?backurl="+window.location.href; </script>
Jenis kedua:
<script language="javascript"> alert("返回"); window.history.back(-1); </script>
Jenis ketiga:
<script language="javascript"> window.navigate("top.jsp"); </script>
Jenis keempat:
<script language="JavaScript"> self.location='top.htm'; </script>
Jenis kelima:
<script language="javascript"> alert("非法访问!"); top.location='xx.jsp'; </script>
Timbul kotak pilihan dalam javascript untuk melompat ke halaman lain
<script language="javascript"> <!-- function logout()...{ if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{ window.location.href="logout.asp?act=logout" } } --> </script>
Kotak gesaan muncul dalam javascript untuk melompat ke halaman lain
<script language="javascript"> <!-- function logout()...{ alert("你确定要注销身份吗?"); window.location.href="logout.asp?act=logout" } --> </script>
Tambahan: Apakah perbezaan antara window.location=""; dan location.replace("");?
Kedua-dua ini boleh mengarahkan halaman web ke URL, jadi apakah perbezaannya? Contohnya, parameter boleh diambil, parameter tidak boleh diambil, dsb.
Gantikan? Atau Muat Semula()?
Nampak tak ada bezanya kan? Tak pernah cuba
replace(), reload() adalah untuk memuatkan semula halaman ini dan replace() boleh membawa ke URL lain
Biar saya berikan anda satu contoh:
Kami kini mempunyai 3 halaman (a.html, b.html, c.html).
Halaman a.html dibuka secara lalai, dan kemudian pautan dihalakan ke halaman a.html dalam halaman a.html.
Sekarang, saya menggunakan window.location.replace("c.html"); dan window.location.href("c.html"); dalam halaman b.html untuk memasuki halaman c.html.
Tiada perbezaan daripada antara muka pengguna, tetapi kini halaman c.html mempunyai butang "Kembali",
Gunakan window.location.href("c.html");
Apabila memasuki halaman c.html, panggil window.history.go(-1);wondow.history.back(); apabila memasuki halaman c.html, klik butang "Kembali" Jika anda kembali ke b halaman .html,
Dan jika anda menggunakan window.location.replace("c.html"); untuk memasuki halaman c.html,
Kaedah memanggil window.history.go(-1);wondow.history.back(); dalam halaman c.html tidak mudah digunakan dan akan kembali ke a.html.
Kerana window.location.replace("c.html"); tidak menghantar permintaan ke pelayan dan melompat, tetapi kaedah window.history.go(-1);wondow.history.back(); rekod pelayan Permintaan menentukan halaman yang hendak dilompat, jadi ia akan melompat ke halaman lalai sistem a.html.
window.location.href("c.html"); ialah lompatan untuk menghantar permintaan ke pelayan, window.history.go(-1);wondow.history.back(); permintaan direkodkan oleh pelayan Tentukan halaman yang hendak dilompat, supaya anda boleh kembali ke b.html.
Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan JavaScript.