HTML nu poate face astaSăritura 301Da, dar se poate trece
După 5 secunde, va sări automat la fișierul hello.html din același director (modifică-l după nevoile tale).
Următoarele sunt cinci exemple pentru a ilustra în detaliu, funcția principală a acestor exemple este: după 5 secunde, sari automat la fișierele hello.html (modifică după nevoile tale) din același director.
1) Implementare HTML <head>
<!-- Următorul mod este doar reîmprospătat fără a sări la alte pagini -->
<meta http-equiv="refresh" conținut="10">
<!-- Accesați regulat alte pagini de -->
<meta http-equiv="refresh" content="5;url=hello.html">
</head>
Avantaje: Simplu
Dezavantaje: Nu este disponibil în Struts Tiles 2) Implementarea JavaScript <script language="javascript" type="text/javascript">
Următoarea metodă sare direct
window.location.href='hello.html';
Următorul este un salt obișnuit
setTimeout ("javascript:location.href='hello.html'", 5000);
</script>
Pro: Flexibil, poate combina mai multe alte funcții
Dezavantaje: Afectat de diferite browsere
3) implementare javascript cu numărătoare inversă (IE) <script language="javascript" type="text/javascript">
var second = document.getElementByIdx_x('totalSecond').textContent;
setInterval("redirect()", 1000);
funcția redirecționare()
{
document.getElementByIdx_x('totalSecond').textContent = --secundă;
dacă (al doilea < 0) location.href = 'hello.html';
}
</script>
Avantaje: Mai prietenos cu utilizatorul
Dezavantaje: firefox nu suportă (firefox nu suportă atribute innerText pentru span, div etc.)
3') încorporează implementarea javascript reciprocă (Firefox) <span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
var second = totalSecond.innerText;
setInterval("redirect()", 1000);
funcția redirect(){
totalSecond.innerText=--secundă;
if(second<0) location.href='hello.html';
}
</script>
4) Remedierea problemei că Firefox nu suportă innerText <span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
if(navigator.appName.indexOf("Explorer") > -1){
document.getElementByIdx_x('totalSecond').innerText = "textul meu innerText";
} else{
document.getElementByIdx_x('totalSecond').textContent = "texttextConținutul meu";
}
</script>
5) Integrare 3) și 3')
<span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
var second = document.getElementByIdx_x('totalSecond').textContent;
if (navigator.appName.indexOf("Explorer") > -1) {
second = document.getElementByIdx_x('totalSecond').innerText;
} altfel {
second = document.getElementByIdx_x('totalSecond').textContent;
}
setInterval("redirect()", 1000);
funcția redirect() {
dacă (al doilea < 0) {
location.href = 'hello.html';
} altfel {
if (navigator.appName.indexOf("Explorer") > -1) {
document.getElementByIdx_x('totalSecond').innerText = second--;
} altfel {
document.getElementByIdx_x('totalSecond').textContent = second--;
}
}
}
</script>
| 
Postat pe 26.10.2014 17:19:00
|
|
|
