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

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

奋力向前
풀어 주다: 2023-01-07 11:47:31
원래의
55665명이 탐색했습니다.

점프 방법: 1. "text"를 사용합니다. 2. "

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

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

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

1. HTML의 태그 점프

HTML의 A 태그도 마우스 클릭만으로 일종의 페이지 점프로 간주할 수 있습니다.

태그 점프 코드는 다음과 같습니다

<a href="http://www.feiniaomy.com"></a>
로그인 후 복사

2, Meta 태그 페이지 점프

HTML 페이지에서 meta 태그를 사용할 수 있습니다. 페이지에서 점프 시간을 제어하고 점프 URL을 자유롭게 정의할 수 있습니다HTML页中,可以使用meta标签进入页面的跳转,此方法可以控制跳转的时间,以及自由化的定义跳转的网址

html跳转代码如下

<meta http-equiv="refresh" content="5;url=https://www.feiniaomy.com">
로그인 후 복사

代码示图

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

代码解释

看上在的代码,meta标签中有一个content属性,表示打开此页面后,多少秒后开启跳转。还有个URL属性,表示跳转的网址

3、javascript代码跳转

在网页利用js也可以实现页面的跳转或定时跳转

JS

html점프 코드는 다음과 같습니다

<script language="javascript" type="text/javascript">   
    // 以下方式直接跳转  
    window.location.href = &#39;https://www.feiniaomy.com/&#39;;
    // 五秒以后再跳转
    setTimeout("javascript:location.href=&#39;https://www.feiniaomy.com&#39;", 5000);   
</script>
로그인 후 복사

코드 다이어그램HTML에서 페이지 점프를 구현하는 방법

WeChat 스크린샷_20210907164224.png

코드 설명
위 코드를 보면, 거기에 meta 태그의 content 속성은 이 페이지를 연 후 몇 초 후에 점프가 시작되는지를 나타냅니다. 리디렉션된 URL

🎜🎜3을 나타내는 URL 속성도 있습니다. JavaScript 코드 점프🎜🎜🎜웹 페이지에서 js를 사용하면 페이지 점프나 타이밍을 얻을 수도 있습니다. Jump🎜🎜🎜JS점프 코드는 다음과 같습니다🎜rrreee🎜코드 다이어그램🎜🎜🎜🎜🎜추천 학습:🎜Html 비디오 튜토리얼🎜🎜🎜

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

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