[HTML] HTML 페이지로 이동하는 5가지 방법
- 高洛峰원래의
- 2017-02-16 14:44:452646검색
디렉토리 구조:
콘텐츠 구조 [-]
-
html 구현
javascript 구현
결합된 상호 JavaScript 구현(IE)
-
Firefox가 innerText를 지원하지 않는 문제 해결
상호 자바스크립트 구현 결합(IE, Firefox)
-
참고기사
자세히 설명하기 위해 아래에 5가지 예시를 나열했습니다. 이들 예시의 주요 기능은 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) 자바스크립트 구현
57916d668bd9fde2bda8a8d63055ad35
// 以下方式直接跳转window.location.href='hello.html';// 以下方式定时跳转setTimeout("javascript:location.href='hello.html'", 5000);
2cacc6d41bbb37262a98f745aa00fbf0
장점: 유연성, 더 많은 다른 기능과 결합 가능
단점: 다양한 브라우저에 영향을 받음
3) 결합된 상호 자바스크립트 구현(IE)
7b27906f4f08ef4a2c36759443f86ada554bdf357c58b8a65c66d7c19c8e4d114 57916d668bd9fde2bda8a8d63055ad35 second ="redirect()", 1000=--(second<0) location.href='hello.html'2cacc6d41bbb37262a98f745aa00fbf0
장점: 사용자 친화적
단점: firefox에서 지원되지 않음(firefox The 스팬, p 등의 innerText 속성은 지원되지 않습니다.)
3') 역수(firefox)의 자바스크립트 구현과 결합
57916d668bd9fde2bda8a8d63055ad35
var second = document.getElementById('totalSecond').textContent;
setInterval("redirect()", 1000);
function redirect()
{
document.getElementById('totalSecond').textContent = --second;
if (second < 0) location.href = 'hello.html';
}
2cacc6d41bbb37262a98f745aa00fbf0
4) Firefox에서 innerText를 지원하지 않는 문제 해결
7b27906f4f08ef4a2c36759443f86ada554bdf357c58b8a65c66d7c19c8e4d11457916d668bd9fde2bda8a8d63055ad35 if(navigator.appName.indexOf("Explorer") > -1){
document.getElementById('totalSecond').innerText = "my text innerText";
} else{
document.getElementById('totalSecond').textContent = "my text textContent";
}
2cacc6d41bbb37262a98f745aa00fbf0
5) 상호 자바스크립트 구현과 결합(IE, Firefox)
7b27906f4f08ef4a2c36759443f86ada554bdf357c58b8a65c66d7c19c8e4d114
57916d668bd9fde2bda8a8d63055ad35 var second = document.getElementById('totalSecond').textContent;
if (navigator.appName.indexOf("Explorer") > -1) {
second = document.getElementById('totalSecond').innerText;
} else {
second = document.getElementById('totalSecond').textContent;
}
setInterval("redirect()", 1000);
function redirect() {
if (second 8207cfcd3817cc3a3cfbc225f03e6e03 -1) {
document.getElementById('totalSecond').innerText = second--;
} else {
document.getElementById('totalSecond').textContent = second--;
}
}
}
2cacc6d41bbb37262a98f745aa00fbf0
[HTML] HTML 페이지로 이동하는 5가지 방법 관련 기사를 더 보려면 PHP 중국어 웹사이트를 주목하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：HTML 1단계 탐색 제작다음 기사：HTML 1단계 탐색 제작