PHP와 JSP를 이용하여 웹사이트 자동 페이지 점프를 구현하는 방법(2부)_javascript 기술

이 기사에서는 자동 웹 페이지 이동의 여러 구현 방법에 대해 설명합니다.
방법 1: 메타 태그 사용 메타 태그는 HTML에서 없어서는 안될 태그 중 하나이며 주요 매개변수는 다음과 같습니다.
① http-equiv: 관련 HTTP 파일입니다. 문서 헤더의 데이터
② 내용: 명명된 HTTP 헤더와 관련된 데이터
③ 이름: 문서 설명
④ url: 메타 정보와 관련된 URL http-equiv 속성을 새로 고침으로 정의할 때, 이 웹 페이지를 엽니다. 시스템은 content에 지정된 값을 기반으로 일정 시간 내에 해당 페이지로 이동합니다. content="seconds;url=website"는 지정된 URL로 이동하는 데 걸리는 시간을 정의합니다. 다음 메타 태그는 1초 후에 자동으로 페이지로 이동하도록 시스템에 지시합니다.
위 코드는 HTTP 문서 헤더의 와 사이에 추가되어야 합니다. 일반적으로 메타 태그는 뒤에 옵니다. 여러 개의 메타 태그가 필요한 경우 각 태그는 자신의 줄을 차지할 수 있습니다.
이 방법은 정적 웹사이트 공간을 포함한 모든 환경에 적용 가능합니다.
방법 2: 헤더 함수 사용 헤더 함수는 PHP 내장 함수 중 HTTP 관련 함수 중 하나입니다. 이 함수는 HTTP 프로토콜 헤더를 브라우저로 보냅니다. 이를 사용하여 URL을 리디렉션합니다. 즉, 페이지가 지정된 다른 웹 페이지로 리디렉션됩니다. 다음 예는 실행 후 Black Horse 온라인 파워 홈페이지를 자동으로 엽니다.
header("Location: http://www.jb51.net/")
헤더 기능은 다음과 같습니다. 페이지 코드에서 사용됩니다. 태그 이전, 즉 HTTP 헤더의 다른 헤더()가 브라우저로 전송되기 전이며 이전 페이지는 어떤 콘텐츠도 인쇄하거나 에코할 수 없습니다. 즉, 페이지의 이 나타나기 전에 프로그램은 단순히 헤더 이벤트를 처리합니다. 이러한 엄격한 요구 사항에도 불구하고 유연하게 사용하면 로그인 페이지와 같은 페이지의 자동 점프 기능을 구현할 수 있으며 사용자가 제출한 데이터가 합법적인지 여부를 판단하여 해당 페이지로 이동할 위치를 결정할 수 있습니다. 간단한 예는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

< ?php
/* 로그인 프로그램 - 파일 이름: login.php
프로그램 기능 - 사용자 로그인 비밀번호 결정*/
if(＄_POST['Submit']) {
session_start()
if(＄_POST['pws']=='123') { //비밀번호가 123인 경우
＄_SESSION['passwd']='123'; //세션 데이터 쓰기
header( "Location :index.php"); //일반 페이지로 이동
}else{
header("Location:login.php") //로그인 페이지로 이동
}
}
//양식 코드는 축약됩니다. (양식은 순수 HTML 코드로도 작성할 수 있습니다. 그렇다면 코드는 프로그램
?>
뒤에 위치해야 합니다. /* 세션 데이터 감지 - 파일 이름 ：index.php
프로그램 기능 - 세션 데이터의 비밀번호가 123인지 확인하고, 그렇지 않은 경우
로그인 페이지로 돌아갑니다*/
session_start(); 🎜>if(＄_SESSION['passwd'] !='123') header("Location:login.php")
//기타 코드(순수 HTML 코드는 프로그램 뒤에 작성해야 함)
? >

이 방법은 PHP를 지원하는 우주 환경에서만 사용할 수 있습니다.
방법 3: JavaScriptJS를 사용하면 매우 유연하며 매우 강력한 프로그램 스크립트를 만들 수 있습니다. 자동 페이지 이동의 간단한 JS 예입니다. 코드가 실행되면 브라우저는 자동으로 Black Horse Online Power 웹사이트로 이동합니다. 코드는 페이지의 모든 합법적인 위치에 배치될 수 있습니다:
이 코드는 모든 웹 환경에 적합합니다. 타이머를 추가하면,

예를 들어 일부 웹사이트에서는 로그아웃 시 프롬프트 페이지를 표시해야 합니다.
방법 1:
< Meta http-equiv="refresh" content="'Waiting time';URL='Jump page'"> js 애플리케이션.
테스트 코드:




코드 복사

코드는 다음과 같습니다.

; script>
t = -1; // 카운터
setInterval("testTime()",1000) // 1초 타이머 시작
function testTime() {
if(t<0 ) return; // 카운터 값이 0보다 작습니다. 이는 카운트다운이 아직 시작되지 않았음을 나타냅니다.
if(t == 0) // 카운터 값이 0이면
location = "http:/ /www.jb51.net";
view.innerHTML = "" t ""; // 카운트다운 표시
t--; // 카운터 감소
}
function offTime() {
if(event.srcElement.value != "Click to start") { // 카운트다운이 시작되지 않는 경우
t = -1 // 초기 카운터
view.innerHTML = ""; // 카운트다운 지우기
}
}
document.onclick = offTime; // 클릭 이벤트 모니터링 시작
🎜>