cari

Rumah  >  Artikel  >  hujung hadapan web  >  Melaksanakan lompatan berjadual ke halaman tertentu berdasarkan kemahiran JavaScript_javascript

Melaksanakan lompatan berjadual ke halaman tertentu berdasarkan kemahiran JavaScript_javascript

WBOY
WBOYasal
2016-05-16 15:22:321770semak imbas

Dalam sesetengah senario, halaman web perlu boleh melompat ke halaman yang ditentukan secara automatik selepas masa yang ditentukan Contohnya, jika halaman web yang ditentukan tidak dapat ditemui, halaman 404 yang ditetapkan sebelum ini akan dipaparkan dan melompat ke Untuk yang ditentukan. halaman, berikut ialah sekeping kod untuk mencapai kesan ini.

Kod adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>js指定时间之后跳转到指定页面代码实例</title> 
<script type="text/javascript">
function redirect()
{
if(second<0)
{
location.href='http://wwww.jb51.net';
} 
else
{
if(navigator.appName.indexOf("Explorer")>-1)
{
document.getElementById('totalSecond').innerText=second--;
} 
else
{
document.getElementById('totalSecond').textContent=second--;
}
}
}
window.onload=function()
{
var second=document.getElementById('totalSecond').textContent;
if(navigator.appName.indexOf("Explorer")>-1)
{
second=document.getElementById('totalSecond').innerText;
} 
else
{
second = document.getElementById('totalSecond').textContent;
}
setInterval("redirect()",1000);
}
</script>
</head>
<body>
<h1>找不到指定的页面</h1>
<span id="totalSecond">3</span>秒后自动跳转到指定页面
</body>
</html>

Kod di atas boleh melompat ke halaman yang ditentukan selepas tiga saat Berikut adalah pengenalan ringkas kepada proses pelaksanaan.

1. Prinsip pelaksanaan:

Gunakan fungsi pemasa untuk mengubah suai nombor dalam elemen span setiap saat. Apabila nombor mencapai sifar, halaman akan melompat ke pautan yang ditentukan. anda boleh Lihat komen kod.

2. Kod ulasan:

1.function redirect(){}, isytiharkan kekaburan untuk lompatan.
2.if(second57e6897d158841394759b5eca394f7cf-1), tentukan sama ada ia adalah pelayar IE.
5.document.getElementById('totalSecond').innerText=second--, jika ia adalah pelayar IE, gunakan atribut innerText untuk menetapkan nilai angka dalam elemen span.
6.document.getElementById('totalSecond').textContent=second--, penyemak imbas lain menggunakan atribut textContent untuk menetapkan nilai berangka dalam elemen span.
7.window.onload=function(){}, laksanakan kod dalam fungsi apabila dokumen dimuatkan sepenuhnya.
8.if(navigator.appName.indexOf("Explorer")>-1){}, jika ia ialah penyemak imbas IE, gunakan atribut innerText untuk mendapatkan kandungan dalam elemen span.
9.second = document.getElementById('totalSecond').textContent, pelayar standard lain menggunakan atribut textContent untuk mendapatkan nilai elemen span.
10.setInterval("redirect()",1000), melaksanakan fungsi pemasa setiap saat.

3. Bacaan berkaitan:

1. Fungsi indexof() boleh didapati dalam bab Penjelasan terperinci tentang penggunaan kaedah lastIndexOf() dalam JavaScript .
2. Untuk fungsi setInterval(), sila rujuk bab Penggunaan dan Perbezaan antara setInterval() dan setTimeout()Contoh Pengenalan.

Kandungan di atas ialah keseluruhan huraian tentang cara melaksanakan lompatan berjadual ke halaman tertentu berdasarkan JavaScript yang dikongsi oleh editor saya harap anda menyukainya.

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：jQuery menyedari kesan animasi paparan nombor rawak seperti (dengan demonstrasi dalam talian dan muat turun kod sumber demo)_jqueryArtikel seterusnya：jQuery menyedari kesan animasi paparan nombor rawak seperti (dengan demonstrasi dalam talian dan muat turun kod sumber demo)_jquery

Artikel berkaitan

Lihat lagi