이 글은 기계 번역의 미러 문서이며, 원본 기사로 바로 이동하려면 여기를 클릭해 주세요.

보기: 12922|회답: 0

[웹사이트 구축 지식] HTML 301 점프 HTML 점프 방법

[링크 복사]
게시됨 2014. 10. 26. 오후 5:19:00 | | |
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>






장점: 간단함
단점: 스트럿 타일에는 사용할 수 없습니다
2) 자바스크립트 구현
<스크립트 언어="javascript" 유형="text/javascript">
다음 방법은 바로 뛰어넘습니다
window.location.href='hello.html';
다음은 일반 점프입니다
setTimeout("javascript:location.href='hello.html'", 5000);
</script>


장점: 유연하고, 다른 기능을 더 많이 결합할 수 있습니다
단점: 다양한 브라우저에 의해 영향을 받음
3) 역카운트다운(IE)을 이용한 자바스크립트 구현
<스크립트 언어="javascript" 유형="text/javascript">
var second = document.getElementByIdx_x('totalSecond').textContent;
setInterval("redirect()", 1000);
함수 리디렉션()
{
document.getElementByIdx_x('totalSecond').textContent = --second;
만약 (두 번째 < 0) location.href = 'hello.html';
}
</script>





장점: 더 사용자 친화적입니다
단점: 파이어폭스는 (파이어폭스는 span, div 등에 대한 innerText 속성을 지원하지 않음)
3')는 상호 자바스크립트 구현(Firefox)을 포함합니다.
<span id="totalSecond">5</span>
<스크립트 언어="javascript" 유형="text/javascript">
var second = totalSecond.innerText;
setInterval("redirect()", 1000);
function redirect(){
totalSecond.innerText=--second;
if(second<0) location.href='hello.html';
}
</script>

4) Firefox가 innerText를 지원하지 않는 문제를 수정하기
<span id="totalSecond">5</span>
<스크립트 언어="javascript" 유형="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>

<스크립트 언어="javascript" 유형="text/javascript">
var second = document.getElementByIdx_x('totalSecond').textContent;

if (navigator.appName.indexOf("Explorer") > -1) {
    second = document.getElementByIdx_x('totalSecond').innerText;
} 그렇지 않으면 {
    second = document.getElementByIdx_x('totalSecond').textContent;
}

setInterval("redirect()", 1000);
함수 redirect() {
만약 (두 번째 < 0) {
    location.href = 'hello.html';
} 그렇지 않으면 {
    if (navigator.appName.indexOf("Explorer") > -1) {
        document.getElementByIdx_x('totalSecond').innerText = second--;
    } 그렇지 않으면 {
        document.getElementByIdx_x('totalSecond').textContent = second--;
    }
}
}
</script>






이전의:방패, 안전한 개들에게 완벽하다
다음:신입생 1학기 "호푸 컴퍼니" 자바 코스웨어 2, 4, 5, 6, 7장
면책 조항:
Code Farmer Network에서 발행하는 모든 소프트웨어, 프로그래밍 자료 또는 기사는 학습 및 연구 목적으로만 사용됩니다; 위 내용은 상업적 또는 불법적인 목적으로 사용되지 않으며, 그렇지 않으면 모든 책임이 사용자에게 부담됩니다. 이 사이트의 정보는 인터넷에서 가져온 것이며, 저작권 분쟁은 이 사이트와는 관련이 없습니다. 위 내용은 다운로드 후 24시간 이내에 컴퓨터에서 완전히 삭제해야 합니다. 프로그램이 마음에 드신다면, 진짜 소프트웨어를 지원하고, 등록을 구매하며, 더 나은 진짜 서비스를 받아주세요. 침해가 있을 경우 이메일로 연락해 주시기 바랍니다.

Mail To:help@itsvse.com