HTML не може цього зробитиСтрибок 301Так, але його можна скласти
Через 5 секунд він автоматично перейде до hello.html файлу в тому ж каталозі (модифікуйте його відповідно до своїх потреб).
Нижче наведено п'ять прикладів для детального проілюстрування: основна функція цих прикладів полягає в тому, що через 5 секунд автоматично переходьте до файлів hello.html (змінюйте відповідно до власних потреб) у тому ж каталозі.
1) Реалізація HTML <head>
<!-- Наступний спосіб просто оновлюється без переходу на інші сторінки -->
<meta http-equiv="refresh" content="10">
<!-- Регулярно заходьте на інші сторінки від -->
<meta http-equiv="refresh" content="5;url=hello.html">
</head>
Плюси: Просто
Мінуси: Недоступно в Struts Tiles 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);
перенаправлення функції()
{
document.getElementByIdx_x('totalSecond').textContent = --second;
якщо (друга < 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);
перенаправлення функції (){
totalSecond.innerText=--second;
if(second<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";
} else{
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) {
second = document.getElementByIdx_x('totalSecond').innerText;
} else {
second = document.getElementByIdx_x('totalSecond').textContent;
}
setInterval("redirect()", 1000);
перенаправлення функції() {
якщо (другий < 0) {
location.href = 'hello.html';
} else {
if (navigator.appName.indexOf("Explorer") > -1) {
document.getElementByIdx_x('totalSecond').innerText = second--;
} else {
document.getElementByIdx_x('totalSecond').textContent = second--;
}
}
}
</script>
| 
Опубліковано 26.10.2014 17:19:00
|
|
|
