HTML kan ikke gøre det301-springJa, men det kan passeres
Efter 5 sekunder hopper den automatisk til den hello.html fil i samme mappe (modificerer den efter dine egne behov).
Følgende er fem eksempler til detaljering, hovedfunktionen i disse eksempler er: efter 5 sekunder springer man automatisk til hello.html filer (modificerer efter eget behov) i samme mappe.
1) HTML-implementering <head>
<!-- Følgende metode opdateres bare uden at hoppe til andre sider -->
<meta http-equiv="refresh" content="10">
<!-- Gå regelmæssigt til andre sider ved at -->
<meta http-equiv="refresh" content="5;url=hello.html">
</head>
Fordele: Simpelt
Ulemper: Ikke tilgængelig i Struts Tiles 2) JavaScript-implementering <script language="javascript" type="text/javascript">
Følgende metode springer direkte
window.location.href='hello.html';
Følgende er et almindeligt hop
setTimeout("javascript:location.href='hello.html'", 5000);
</script>
Fordele: Fleksibel, kan kombinere flere andre funktioner
Ulemper: Påvirket af forskellige browsere
3) JavaScript-implementering med omvendt nedtælling (IE) <script language="javascript" type="text/javascript">
var second = document.getElementByIdx_x('totalSecond').textContent;
setInterval("redirect()", 1000);
funktion redirect()
{
document.getElementByIdx_x('totalSecond').textContent = --second;
hvis (anden < 0) location.href = 'hello.html';
}
</script>
Fordele: Mere brugervenligt
Ulemper: Firefox understøtter ikke (firefox understøtter ikke innerText-attributter for span, div osv.)
3') indeholder den reciproke JavaScript-implementering (Firefox) <span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
var second = totalSecond.innerText;
setInterval("redirect()", 1000);
funktion redirect(){
totalSecond.innerText=--second;
if(second<0) location.href='hello.html';
}
</script>
4) Løs problemet med, at Firefox ikke understø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) Integration 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);
function redirect() {
hvis (anden < 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>
| 
Opslået på 26/10/2014 17.19.00
|
|
|
