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

HTML로 웹 페이지 점프를 구현하는 방법

醉折花枝作酒筹
풀어 주다: 2023-01-05 16:07:16
원래의
20637명이 탐색했습니다.

방법: 1. "" 구문으로 메타 태그를 사용합니다. 2. "" 구문으로 a 태그를 사용합니다. javascript를 사용하면 구문은 "window.location.href='웹페이지 주소'"입니다.

HTML로 웹 페이지 점프를 구현하는 방법

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

1. HTML에서 점프 시간과 페이지를 설정할 수 있습니다.

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

2. javascript를 통해 점프합니다

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

. 실제로 두 가지 방법은 비슷합니다. 일부 쓰기는 javascript에서 점프하고 다른 쓰기는 html

// 直接跳转
window.location.href=&#39;index.html&#39;;
// 定时跳转
setTimeout("javascript:location.href=&#39;index.html&#39;", 5000);
로그인 후 복사

에서 직접 점프한다는 점만 다릅니다. 추가 설명: html

에서 이전 페이지로 점프하는 방법 ;

Write html로

<button id="load" οnclick="window.location.reload(&#39;/html/index.html&#39;)">跳转</button>
로그인 후 복사
window.history.go(-1);或者window.history.back(-1)자바스크립트로 작성하여 이전 페이지로 이동

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

권장 학습:

html 비디오 튜토리얼

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

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