HTML kan ikke gjøre det301-hoppJa, men det kan passeres
Etter 5 sekunder hopper den automatisk til hello.html-filen i samme mappe (endre den etter eget behov).
Følgende er fem eksempler for å illustrere i detalj, hovedfunksjonen i disse eksemplene er: etter 5 sekunder, hopp automatisk til hello.html filer (modifiser etter eget behov) i samme katalog.
1) HTML-implementering <head>
<!-- Følgende metode er bare oppdatert uten å hoppe til andre sider -->
<meta http-equiv="refresh" content="10">
<!-- Går jevnlig til andre sider ved å >
<meta http-equiv="refresh" content="5;url=hello.html">
</head>
Fordeler: Enkelt
Ulemper: Ikke tilgjengelig i Struts Tiles 2) JavaScript-implementering <script language="javascript" type="text/javascript">
Følgende metode hopper direkte
window.location.href='hello.html';
Følgende er et vanlig hopp
setTimeout("javascript:location.href='hello.html'", 5000);
</script>
Fordeler: Fleksibel, kan kombinere flere andre funksjoner
Ulemper: Påvirkes av ulike nettlesere
3) JavaScript-implementering med omvendt nedtelling (IE) <script language="javascript" type="text/javascript">
var second = document.getElementByIdx_x('totalSecond').textContent;
setInterval("redirect()", 1000);
funksjonsomdirigering()
{
document.getElementByIdx_x('totalSecond').textContent = --second;
hvis (andre < 0) location.href = 'hello.html';
}
</script>
Fordeler: Mer brukervennlig
Ulemper: firefox støtter ikke (firefox støtter ikke innerText-attributter for span, div, osv.)
3') inkorporerer den gjensidige JavaScript-implementeringen (Firefox) <span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
var second = totalSecond.innerText;
setInterval("redirect()", 1000);
funksjon redirect(){
totalSecond.innerText=--second;
if(second<0) location.href='hello.html';
}
</script>
4) Fikse problemet med at Firefox ikke støtter innerText <span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
if(navigator.appName.indexOf("Explorer") > -1){
document.getElementByIdx_x('totalSecond').innerText = "min tekst innerText";
} ellers{
document.getElementByIdx_x('totalSecond').textContent = "min tekst textContent";
}
</script>
5) Integrasjon 3) og 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;
} ellers {
second = document.getElementByIdx_x('totalSecond').textContent;
}
setInterval("redirect()", 1000);
funksjon redirect() {
hvis (andre < 0) {
location.href = 'hello.html';
} ellers {
if (navigator.appName.indexOf("Explorer") > -1) {
document.getElementByIdx_x('totalSecond').innerText = second--;
} ellers {
document.getElementByIdx_x('totalSecond').textContent = second--;
}
}
}
</script>
| 
Publisert på 26.10.2014 17:19:00
|
|
|
