> 웹 프론트엔드 > HTML 튜토리얼 > HTML에서 페이지 점프를 구현하는 방법

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

coldplay.xixi
풀어 주다: 2023-01-05 16:07:16
원래의
39510명이 탐색했습니다.

HTML에서 페이지 점프를 구현하는 방법: 1. 메타를 통해 점프 시간과 페이지를 설정합니다. 2. 태그를 사용하여 직접 점프합니다. 3. 자바스크립트를 통해 점프합니다. 코드는 [window.location.href='index .html'입니다. ].

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

이 튜토리얼의 운영 환경: windows7 시스템, html5 버전, DELL G3 컴퓨터.

html에서 페이지 점프를 구현하는 방법:

1. HTML에서 점프하려면 메타

<head>
<!--只是刷新不跳转到其他页面 -->
<meta http-equiv="refresh" content="5">
<!--定时转到其他页面 -->
<meta http-equiv="refresh" content="5;url=index.html"> 
</head>
로그인 후 복사

2를 통해 점프 시간과 페이지를 설정할 수 있습니다.

<a href="http://baidu.com">百度一下</a>
로그인 후 복사

4. html에서 이전 페이지로 이동하는 방법

window.history.go(-1) 또는 window.history.back(-1) html에서

Write

// 直接跳转
window.location.href=&#39;index.html&#39;;
// 定时跳转
setTimeout("javascript:location.href=&#39;index.html&#39;", 5000);
其实两种方式是类似的,只是有的在javascript中写的跳转,另一种直接从html中写跳转
<button id="load" οnclick="window.location.reload(&#39;/html/index.html&#39;)">跳转</button>
로그인 후 복사

이전 페이지로 이동

<a href=”#” onClick=”JavaScript :history.back(1);”>返回上一页</a>
<a href=”#” onClick=”javascript :history.Go(-1);”>返回上一页</a>
로그인 후 복사

관련 학습 권장사항:

html 비디오 튜토리얼

위 내용은 HTML에서 페이지 점프를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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