HTML kan het niet301 sprongJa, maar het kan worden aangenomen
Na 5 seconden springt het automatisch naar het hello.html-bestand in dezelfde map (pas het aan naar eigen wensen).
Hieronder volgen vijf voorbeelden om het in detail te illustreren; de belangrijkste functie van deze voorbeelden is: na 5 seconden automatisch overschakelen naar de hello.html (aanpassen naar eigen wensen) bestanden in dezelfde map.
1) HTML-implementatie <head>
<!-- De volgende manier wordt gewoon ververst zonder naar andere pagina's te springen -->
<meta http-equiv="refresh" content="10">
<!-- Ga regelmatig naar andere pagina's door -->
<meta http-equiv="refresh" content="5;url=hello.html">
</head>
Voordele: Simpel
Nadelen: Niet beschikbaar in Struts Tiles 2) JavaScript-implementatie <scripttaal="javascript" type="text/javascript">
De volgende methode springt direct
window.location.href='hello.html';
Het volgende is een gewone sprong
setTimeout("javascript:location.href='hello.html'", 5000);
</script>
Voordelen: Flexibel, kan meer andere functies combineren
Nadelen: Beïnvloed door verschillende browsers
3) JavaScript-implementatie met inverse aftelling (IE) <scripttaal="javascript" type="text/javascript">
var second = document.getElementByIdx_x('totalSecond').textContent;
setInterval("redirect()", 1000);
functie redirect()
{
document.getElementByIdx_x('totalSecond').textContent = --second;
als (tweede < 0) locatie.href = 'hello.html';
}
</script>
Voordelen: Gebruiksvriendelijker
Nadelen: Firefox ondersteunt geen (Firefox ondersteunt geen innerText-attributen voor span, div, enz.)
3') bevat de reciproke JavaScript-implementatie (Firefox) <span id="totalSecond">5</span>
<scripttaal="javascript" type="text/javascript">
var second = totalSecond.innerText;
setInterval("redirect()", 1000);
functie redirect(){
totalSecond.innerText=--second;
if(second<0) location.href='hello.html';
}
</script>
4) Los het probleem op dat Firefox innerText niet ondersteunt <span id="totalSecond">5</span>
<scripttaal="javascript" type="text/javascript">
if(navigator.appName.indexOf("Explorer") > -1){
document.getElementByIdx_x('totalSecond').innerText = "mijn tekst innerText";
} anders{
document.getElementByIdx_x('totalSecond').textContent = "mijn tekst textContent";
}
</script>
5) Integratie 3) en 3')
<span id="totalSecond">5</span>
<scripttaal="javascript" type="text/javascript">
var second = document.getElementByIdx_x('totalSecond').textContent;
if (navigator.appName.indexOf("Explorer") > -1) {
second = document.getElementByIdx_x('totalSecond').innerText;
} anders {
second = document.getElementByIdx_x('totalSecond').textContent;
}
setInterval("redirect()", 1000);
functie redirect() {
als (tweede < 0) {
location.href = 'hello.html';
} anders {
if (navigator.appName.indexOf("Explorer") > -1) {
document.getElementByIdx_x('totalSecond').innerText = second--;
} anders {
document.getElementByIdx_x('totalSecond').textContent = second--;
}
}
}
</script>
| 
Geplaatst op 26-10-2014 17:19:00
|
|
|
