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

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

coldplay.xixi
coldplay.xixi원래의
2021-04-12 14:53:1739376검색

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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