Tutorial tentang melaksanakan fungsi pengalihan halaman menggunakan pengetahuan JavaScript

Tutorial tentang melaksanakan fungsi pengalihan halaman menggunakan pengetahuan JavaScript_Basic

WBOY

Lepaskan： 2016-05-16 15:56:52

asal

1181 orang telah melayarinya

Apakah itu pengalihan halaman?

Apabila anda mengklik pada URL untuk melawat halaman web X, tetapi secara dalaman anda diarahkan ke halaman Y yang lain, semata-mata kerana halaman itu mengubah hala. Konsepnya berbeza daripada penyegaran halaman JavaScript .

Mungkin terdapat pelbagai sebab mengapa anda ingin mengubah hala dari halaman asal. Beberapa sebab disenaraikan di bawah:

Jika anda tidak menyukai nama domain anda, anda boleh mengubah hala kepada yang baharu. Pada masa yang sama, arahkan semua pelawat ke tapak web baharu. Dalam kes ini, anda boleh mengekalkan nama domain lama tetapi meletakkan ubah hala halaman ke halaman supaya semua pelawat ke nama domain lama boleh datang ke nama domain baharu.
Versi berasaskan penyemak imbas, atau halaman dengan nama yang berbeza, juga boleh berdasarkan negara yang berbeza Daripada menggunakan ubah hala halaman sebelah pelayan, anda boleh menggunakan halaman sebelah klien untuk mengubah hala pengguna yang log masuk ke halaman yang sepadan. .
Enjin carian mungkin telah mengindeks halaman baharu. Namun, apabila berpindah ke nama domain lain, maka jangan suka kehilangan pelawat yang datang melalui enjin carian. Oleh itu, anda boleh menggunakan pengalihan halaman pelanggan. Tetapi ingat, ini tidak sepatutnya dilakukan untuk menjadikan enjin carian bodoh, jika tidak, ia boleh menyebabkan tapak diharamkan.

Bagaimana pengalihan halaman berfungsi?
Contoh 1:

Pengubah hala halaman sebelah pelanggan menggunakan JavaScript ini sangat mudah. Untuk mengubah hala pelawat tapak web ke halaman baharu, cuma tambah satu baris di bahagian kepala seperti berikut:

<head>
<script type="text/javascript">
<!--
  window.location="http://www.newlocation.com";
//-->
</script>
</head>

Salin selepas log masuk

Contoh 2:

Boleh memaparkan maklumat yang sepadan kepada pelawat tapak web sebelum mengubah hala mereka ke halaman baharu. Ini memerlukan sedikit kelewatan masa untuk memuatkan halaman baharu. Berikut ialah contoh mudah untuk mencapai perkara yang sama:

<head>
<script type="text/javascript">
<!--
function Redirect()
{
  window.location="http://www.newlocation.com";
}

document.write("You will be redirected to main page in 10 sec.");
setTimeout('Redirect()', 10000);
//-->
</script>
</head>

Salin selepas log masuk

SetTimeout() di sini ialah fungsi JavaScript terbina dalam yang boleh digunakan untuk melaksanakan fungsi lain selepas selang masa tertentu.
Contoh 3:

Berikut ialah contoh mengubah hala pelawat ke halaman berbeza berdasarkan penyemak imbas mereka:

<head>
<script type="text/javascript">
<!--
var browsername=navigator.appName; 
if( browsername == "Netscape" )
{ 
  window.location="http://www.location.com/ns.html";
}
else if ( browsername =="Microsoft Internet Explorer")
{
  window.location="http://www.location.com/ie.html";
}
else
{
 window.location="http://www.location.com/other.html";
}
//-->
</script>
</head>

Salin selepas log masuk