HTML tidak bisa melakukannya301 lompatanYa, tapi bisa dilewati
Setelah 5 detik, itu akan secara otomatis melompat ke file hello.html di direktori yang sama (modifikasi sesuai dengan kebutuhan Anda sendiri).
Berikut ini adalah lima contoh untuk mengilustrasikan secara detail, fungsi utama dari contoh-contoh ini adalah: setelah 5 detik, secara otomatis lompat ke file hello.html (modifikasi sesuai kebutuhan Anda sendiri) di direktori yang sama.
1) Implementasi HTML <head>
<!-- Cara berikut hanya disegarkan tanpa melompat ke halaman lain -->
<meta http-equiv="refresh" content="10">
<!-- Buka halaman lain secara teratur dengan -->
<meta http-equiv="refresh" content="5;url=hello.html">
</head>
Kelebihan: Sederhana
Kekurangan: Tidak tersedia di Struts Tiles 2) Implementasi JavaScript <Bahasa Skrip="JavaScript" Type="Teks/JavaScript">
Metode berikut melompat langsung
window.location.href='hello.html';
Berikut ini adalah lompatan reguler
setTimeout("javascript:location.href='hello.html'", 5000);
</script>
Kelebihan: Fleksibel, dapat menggabungkan lebih banyak fungsi lain
Kekurangan: Dipengaruhi oleh browser yang berbeda
3) implementasi javascript dengan hitungan mundur terbalik (IE) <Bahasa Skrip="JavaScript" Type="Teks/JavaScript">
var detik = document.getElementByIdx_x('totalKedua').textContent;
setInterval("pengalihan()", 1000);
fungsi pengalihan ()
{
document.getElementByIdx_x('totalSecond').textContent = --detik;
if (kedua < 0) location.href = 'hello.html';
}
</script>
Kelebihan: Lebih ramah pengguna
Kekurangan: firefox tidak mendukung (firefox tidak mendukung atribut innerText untuk span, div, dll.)
3') menggabungkan implementasi javascript timbal balik (Firefox) <span id="totalSecond">5</span>
<Bahasa Skrip="JavaScript" Type="Teks/JavaScript">
var second = totalSecond.innerText;
setInterval("pengalihan()", 1000);
fungsi redirect(){
totalSecond.innerText=--detik;
if(second<0) location.href='hello.html';
}
</script>
4) Perbaiki masalah bahwa Firefox tidak mendukung innerText <span id="totalSecond">5</span>
<Bahasa Skrip="JavaScript" Type="Teks/JavaScript">
if(navigator.appName.indexOf("Explorer") > -1){
document.getElementByIdx_x('totalSecond').innerText = "teks saya innerText";
} lain{
document.getElementByIdx_x('totalSecond').textContent = "teks teks sayaContent";
}
</script>
5) Integrasi 3) dan 3')
<span id="totalSecond">5</span>
<Bahasa Skrip="JavaScript" Type="Teks/JavaScript">
var detik = document.getElementByIdx_x('totalKedua').textContent;
if (navigator.appName.indexOf("Explorer") > -1) {
second = document.getElementByIdx_x('totalSecond').innerText;
} else {
second = document.getElementByIdx_x('totalSecond').textContent;
}
setInterval("pengalihan()", 1000);
fungsi redirect() {
if (kedua < 0) {
location.href = 'hello.html';
} else {
if (navigator.appName.indexOf("Explorer") > -1) {
document.getElementByIdx_x('totalSecond').innerText = detik--;
} else {
document.getElementByIdx_x('totalSecond').textContent = detik--;
}
}
}
</script>
| 
Diposting pada 26/10/2014 17.19.00
|
|
|
