HTML 페이지에서 자동 이동을 구현하는 방법: 1. 메타 태그를 사용하여 문서의 메타 정보를 제공합니다. 2. 헤더 기능을 사용하여 URL을 리디렉션합니다. 3. JavaScript를 사용하여 매우 강력한 프로그램 스크립트를 만듭니다.
이 튜토리얼의 운영 환경: windows7 시스템, html5 버전, DELL G3 컴퓨터.
HTML 페이지에서 자동 점프를 구현하는 방법:
방법 1: 메타 태그 사용
메타 태그는 HTML에서 없어서는 안될 태그 중 하나입니다. 매개변수에는 주로 다음이 포함됩니다.
① http-equiv: 문서의 데이터와 관련된 HTTP 파일 헤더
② content: 명명된 HTTP 헤더와 관련된 데이터
③ name: 문서 설명
④ url: 메타 정보와 관련된 URL
http-equiv 속성을 새로 고침으로 정의합니다. 이 웹 페이지가 열리면 시스템은 content="seconds;url=website"에 지정된 값을 기반으로 특정 시간 내에 해당 페이지로 이동합니다. 지정된 URL로 이동하는 데 걸리는 시간을 정의합니다. 다음 메타 태그는 페이지가 1초 후에 자동으로 Dark Horse Online Power로 이동함을 시스템에 알려줍니다.
위 코드는 HTTP 문서 헤더의 93f0f5c25f18dab9d176bd4f6de5d30e와 9c3bca370b5104690d9ef395f2c5f8d1 사이에 추가되어야 합니다. 일반적으로 메타 태그는 93f0f5c25f18dab9d176bd4f6de5d30e 뒤에 옵니다. 여러 개의 메타 태그가 필요한 경우 각 태그는 자신의 줄을 차지할 수 있습니다.
이 방법은 정적 웹사이트 공간을 포함한 모든 환경에 적용 가능합니다.
방법 2: 헤더 함수 사용
헤더 함수는 PHP 내장 함수 중 HTTP 관련 함수 중 하나입니다. 이 함수는 HTTP 프로토콜 헤더를 브라우저에 보냅니다. 이를 사용하여 URL을 리디렉션합니다. 즉, 페이지가 지정된 다른 웹 페이지로 리디렉션됩니다. 다음 예제는 실행 후 다크호스 온라인 파워 홈페이지가 자동으로 열립니다.
헤더 기능은 페이지 코드의 100db36a723c770d327fc0aef2ce13b1 태그 이전, 즉 HTTP 헤더의 다른 헤더(93f0f5c25f18dab9d176bd4f6de5d30e)가 브라우저로 전송되기 전에만 사용할 수 있습니다. 이전 페이지에는 아무것도 인쇄하거나 에코할 수 없습니다. 즉, 프로그램은 페이지의 100db36a723c770d327fc0aef2ce13b1이 나타나기 전에 헤더 이벤트를 처리합니다. 이러한 엄격한 요구 사항에도 불구하고 유연하게 사용하면 로그인 페이지와 같은 페이지의 자동 점프 기능을 구현할 수 있으며 사용자가 제출한 데이터가 합법적인지 여부를 판단하여 해당 페이지로 이동할 위치를 결정할 수 있습니다. 아래에 간단한 예가 나와 있습니다.
<?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代码写表单,若如此,代码应放在程序之后 ?>
<?php /* 检测会话数据 - 文件名:index.php 程序作用 - 检测会话数据中的密码是否为123,若不是,返回 登录页面 */ session_start(); if($_SESSION['passwd']!='123') header("Location:login.php"); //其他代码(纯HTML代码应写在程序之后) ?>
이 방법은 당연히 PHP를 지원하는 우주 환경에서만 사용할 수 있습니다.
방법 3: JavaScript 사용
JS는 매우 유연하며 이를 사용하여 매우 강력한 프로그램 스크립트를 만들 수 있습니다. 다음은 자동 페이지 이동에 대한 간단한 JS 예입니다. 다음 코드가 실행되면 브라우저는 자동으로 Black Horse Online Power 웹사이트로 이동합니다. 이 코드는 페이지의 모든 법적 위치에 배치될 수 있습니다.
<script language="javascript" type="text/javascript"> window.location.href("http://www.gxblk.com"); </script>
이 코드는 모든 웹 환경에 적합합니다. 타이머를 추가하면 더욱 멋질 것입니다.
관련 학습 권장사항: html 비디오 튜토리얼
위 내용은 HTML 페이지에서 자동 점프를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!