>  기사  >  웹 프론트엔드  >  HTML 페이지에서 자동 점프를 구현하는 방법

HTML 페이지에서 자동 점프를 구현하는 방법

coldplay.xixi
coldplay.xixi원래의
2021-04-26 14:41:2920676검색

HTML 페이지에서 자동 이동을 구현하는 방법: 1. 메타 태그를 사용하여 문서의 메타 정보를 제공합니다. 2. 헤더 기능을 사용하여 URL을 리디렉션합니다. 3. JavaScript를 사용하여 매우 강력한 프로그램 스크립트를 만듭니다.

HTML 페이지에서 자동 점프를 구현하는 방법

이 튜토리얼의 운영 환경: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.