HTML로 웹 페이지 점프를 구현하는 방법
- 醉折花枝作酒筹원래의
- 2021-04-12 14:55:3120643검색
방법: 1. "89f10676d5094262c549d28181116ce6" 구문으로 메타 태그를 사용합니다. 2. "38fb57035c49a57fcac9f0b9dab587ba" 구문으로 a 태그를 사용합니다. javascript를 사용하면 구문은 "window.location.href='웹페이지 주소'"입니다.
이 튜토리얼의 운영 환경: 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='index.html';
// 定时跳转
setTimeout("javascript:location.href='index.html'", 5000);
에서 직접 점프한다는 점만 다릅니다. 추가 설명: html
에서 이전 페이지로 점프하는 방법 ;
Write html로<button id="load" οnclick="window.location.reload('/html/index.html')">跳转</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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：HTML에서 페이지 점프를 구현하는 방법다음 기사：HTML에서 페이지 점프를 구현하는 방법