> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 링크가 사용자를 리디렉션합니다.

JavaScript 링크가 사용자를 리디렉션합니다.

高洛峰
풀어 주다: 2016-11-26 09:39:01
원래의
1272명이 탐색했습니다.

사용자는 원활하게 리디렉션될 수 있습니다. 즉, 사용자가 JavaScript 기능을 켰는지 여부에 따라 사용자를 다른 페이지로 리디렉션할 수 있습니다. 이 예에서는 두 개의 HTML 페이지와 하나의 JavaScript 파일을 사용하여 링크에 리디렉션 기능을 포함하는 방법을 보여줍니다.
첫 번째 HTML 페이지는 사용자에 대한 연결을 표시합니다.
test.html
[html]

저희 사이트에 오신 것을 환영합니다



/ www.php1.cn/">




두 번째 HTML 페이지는 사용자가 JavaScript 기능을 활성화한 페이지입니다. HTML 페이지.
jswelcome.html
[html]

;저희 사이트


다양한 최첨단 JavaScript를 갖춘 웹사이트에 오신 것을 환영합니다. ;/h1>

script01.js
[javascript]
window.onload

함수 initAll( ) {
document.getElementById("redirect").onclick = initRedirect;
}

function initRedirect() {
window.location = "jswelcome.html"
return false;
}

script01.html
[html]
;head>
내 JavaScript 페이지

이 페이지에는 JavaScript가 필요합니다.

자바스크립트 활성화 여부에 따라 script01.html 또는 jswelcome 중 하나로 이동됩니다. .html.
[javascript]
function initRedirect() {
window.location = "jswelcome.html";
return false;
}
이 함수를 호출하면 윈도우가 설정됩니다. 위치(브라우저에 표시되는 페이지)를 새 페이지로 이동합니다. false 반환은 사용자의 클릭 처리를 중지하여 href 페이지에 지정된 페이지가 로드되지 않음을 의미합니다. 이 방법의 가장 멋진 기능은 리디렉션이 완료되고 사용자가 페이지가 리디렉션되었음을 전혀 인식하지 못한다는 것입니다. .

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿