Η HTML δεν μπορεί να το κάνει301 άλμαΝαι, αλλά μπορεί να περάσει
Μετά από 5 δευτερόλεπτα, θα μεταβεί αυτόματα στο αρχείο hello.html στον ίδιο κατάλογο (τροποποιήστε το σύμφωνα με τις δικές σας ανάγκες).
Ακολουθούν πέντε παραδείγματα για λεπτομερή απεικόνιση, η κύρια λειτουργία αυτών των παραδειγμάτων είναι: μετά από 5 δευτερόλεπτα, μεταβείτε αυτόματα στα αρχεία hello.html (τροποποιήστε σύμφωνα με τις δικές σας ανάγκες) στον ίδιο κατάλογο.
1) Εφαρμογή HTML <head>
<!-- Ο παρακάτω τρόπος απλώς ανανεώνεται χωρίς να μεταπηδά σε άλλες σελίδες -->
<meta http-equiv="ανανέωση" content="10">
<!-- Πηγαίνετε τακτικά σε άλλες σελίδες με -->
<meta http-equiv="ανανέωση" content="5;url=hello.html">
</head>
Πλεονεκτήματα: Απλός
Μειονεκτήματα: Δεν διατίθεται σε πλακάκια Struts 2) Εφαρμογή JavaScript <script language="javascript" type="text/javascript">
Η ακόλουθη μέθοδος μεταπηδά απευθείας
window.location.href='hello.html';
Το παρακάτω είναι ένα κανονικό άλμα
setTimeout("javascript:location.href='hello.html'", 5000);
</script>
Πλεονεκτήματα: Ευέλικτο, μπορεί να συνδυάσει περισσότερες άλλες λειτουργίες
Αρνητικά στοιχεία: Επηρεάζεται από διαφορετικά προγράμματα περιήγησης
3) υλοποίηση javascript με αντίστροφη αντίστροφη μέτρηση (IE) <script language="javascript" type="text/javascript">
var second = document.getElementByIdx_x('totalSecond').textContent;
setInterval("redirect()", 1000);
συνάρτηση redirect()
{
document.getElementByIdx_x('totalSecond').textContent = --δευτερόλεπτο;
if (δεύτερη < 0) location.href = 'hello.html';
}
</script>
Πλεονεκτήματα: Πιο φιλικό προς το χρήστη
Μειονεκτήματα: Ο firefox δεν υποστηρίζει (ο firefox δεν υποστηρίζει χαρακτηριστικά innerText για span, div κ.λπ.)
3') ενσωματώνει την αμοιβαία υλοποίηση javascript (Firefox) <span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
var second = totalSecond.innerText;
setInterval("redirect()", 1000);
συνάρτηση redirect(){
totalSecond.innerText=--δευτερόλεπτο;
if(δεύτερο<0) location.href='hello.html';
}
</script>
4) Διορθώστε το πρόβλημα ότι ο Firefox δεν υποστηρίζει innerText <span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
if(navigator.appName.indexOf("Explorer") > -1){
document.getElementByIdx_x('totalSecond').innerText = "το κείμενό μου innerText";
} αλλού{
document.getElementByIdx_x('totalSecond').textContent = "το κείμενό μου textContent";
}
</script>
5) Ένταξη 3) και 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) {
δεύτερο = document.getElementByIdx_x('totalSecond').innerText;
} αλλιώς {
second = document.getElementByIdx_x('totalSecond').textContent;
}
setInterval("redirect()", 1000);
συνάρτηση redirect() {
if (δεύτερη < 0) {
τοποθεσία.href = 'hello.html';
} αλλιώς {
if (navigator.appName.indexOf("Explorer") > -1) {
document.getElementByIdx_x('totalSecond').innerText = δεύτερο--;
} αλλιώς {
document.getElementByIdx_x('totalSecond').textContent = δεύτερο--;
}
}
}
</script>
| 
Δημοσιεύτηκε στις 26/10/2014 5:19:00 μ.μ.
|
|
|
