> 웹 프론트엔드 > HTML 튜토리얼 > HTML 버튼 태그에 하이퍼링크가 있나요? 다음은 하이퍼링크를 설정하는 버튼 태그의 예입니다.

HTML 버튼 태그에 하이퍼링크가 있나요? 다음은 하이퍼링크를 설정하는 버튼 태그의 예입니다.

寻∝梦
풀어 주다: 2018-08-30 17:16:28
원래의
4097명이 탐색했습니다.

이 글에서는 주로 html 버튼 버튼 라벨에 하이퍼링크를 추가하는 방법을 예시와 설명과 함께 설명합니다. 다음으로 html 버튼 버튼 태그에 하이퍼링크를 추가하는 방법에 대한 이 기사를 살펴보겠습니다

먼저 html 버튼 태그에 하이퍼링크가 있는지 살펴보겠습니다.

예제를 살펴보겠습니다

<input type="button" value="注册" onclick="window.location.href=&#39;http://www.php.cn&#39;">
로그인 후 복사

이 효과는 다음과 같습니다. 웹 페이지에 버튼이 표시되며 클릭하면 대상 링크로 이동합니다. 따라서 버튼 태그는 하이퍼링크이지만 이는 버튼 태그의 가장 일반적인 용도는 아닙니다.

이제 버튼 태그에 하이퍼링크를 추가하는 설명을 살펴보겠습니다.

이 페이지를 새 페이지로 리디렉션하려면 다음을 사용하세요.

리디렉션을 위해 새 페이지를 열어야 하는 경우 다음을 사용하세요. 참고: 위 버튼과 하이퍼링크는 IE에서만 사용할 수 있습니다. Firefox와 Safari를 동시에 사용하려면 다음 방법을 사용할 수 있습니다.

<a href="链接"><input type=button onclick="window.location.href(&#39;连接&#39;)"> </a>
로그인 후 복사

하이퍼링크는 웹 페이지를 다른 웹 페이지나 사이트에 연결할 수 있게 해주는 요소이며 웹 페이지의 일부입니다. 다양한 사용 개체에 따라 하이퍼링크는 텍스트 하이퍼링크, 이미지 하이퍼링크, 이메일 링크, 앵커 링크, 멀티미디어 파일 링크, 빈 링크 등으로 나눌 수 있습니다.

하이퍼링크의 대상은 다른 웹 페이지, 동일한 웹 페이지의 다른 위치, 사진, 이메일 주소, 파일 또는 애플리케이션 등일 수 있습니다. 웹 페이지의 하이퍼링크에 사용되는 개체는 텍스트일 수도 있고 이미지일 수도 있습니다. 뷰어가 링크된 텍스트 또는 이미지를 클릭하면 링크 대상이 브라우저에 표시되고 대상 유형에 따라 열리거나 실행됩니다.

참조 코드:

<a href="链接">
<input type=button onclick="window.location.href(&#39;超连接地址&#39;)"> 
</a>
로그인 후 복사

코드 설명: onclick 이벤트는 개체를 클릭할 때 발생합니다.

onclick은 onmousedown과 다르다는 점에 유의하세요. 클릭 이벤트는 동일한 요소에서 마우스 다운 이벤트가 발생한 후 마우스 놓기 이벤트가 발생할 때 발생합니다.

window.location.href="주소 이동"은 새 페이지로 리디렉션하고 열린 페이지를 새로 고치는 것을 의미합니다.

HTML 버튼 태그 및 하이퍼링크를 사용하는 여러 가지 방법:

1. 페이지:

<input type="button" onclick="window.location.href(&#39;连接&#39;)">
로그인 후 복사

2. 리디렉션하려면 새 페이지를 열어야 합니다.

<input type="button" onclick="window.open(&#39;连接&#39;)">
로그인 후 복사

우리가 사용하는 브라우저는 다음 두 가지처럼 서로 다른 커널을 가지고 있으므로 사용법도 동일합니다.

3. IE:

<input type="button" name="test" value="test" onClick="location.href=&#39;a.html&#39;"/>
로그인 후 복사

4. Firefox에서 사용:

<a href="b.html"><input type="button" name="test" value="test"/></a>
로그인 후 복사

[편집자 추천]

html p 태그는 단일 태그인가요? html p 태그 사용 방법 소개(예제 포함)

입력 양식에서 여러 줄의 텍스트 입력 상자를 만드는 방법은 무엇입니까? 입력 태그 사용 방법을 알려주는 기사

위 내용은 HTML 버튼 태그에 하이퍼링크가 있나요? 다음은 하이퍼링크를 설정하는 버튼 태그의 예입니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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