> 웹 프론트엔드 > CSS 튜토리얼 > HTML의 Target=\'_blank\' 하이퍼링크에 대한 창 기능을 제어하는 ​​방법은 무엇입니까?

HTML의 Target=\'_blank\' 하이퍼링크에 대한 창 기능을 제어하는 ​​방법은 무엇입니까?

Mary-Kate Olsen
풀어 주다: 2024-10-26 04:19:30
원래의
879명이 탐색했습니다.

How to Control Window Features for Target=

Target="_blank"에 대해 HTML에서 창 기능 관리

대상 속성이 "_blank"로 설정된 하이퍼링크는 연결된 콘텐츠를 새 탭이나 창. 새 창의 크기와 모양을 사용자 정의하려면 JavaScript를 사용해야 합니다.

사용자 정의 속성으로 새 창 만들기

제공된 HTML 코드:

<code class="html"><a href="facebook.com/sharer" target="_blank">Share this</a></code>
로그인 후 복사

새 탭에서 Facebook의 공유 인터페이스를 여는 하이퍼링크를 만듭니다. 대신 특정 크기로 창에서 열려면 수정된 JavaScript 기반 접근 방식을 사용하세요.

<code class="html"><a href="http://www.facebook.com/sharer" onclick="window.open(this.href, 'mywin',
'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;">Share this</a></code>
로그인 후 복사

설명:

  • onclick 속성이 트리거됩니다. 링크를 클릭하면 JavaScript 함수가 실행됩니다.
  • window.open()은 열려는 URL을 지정하여 새 창 객체를 생성합니다.
  • 두 번째 매개변수('mywin')는 대상 창의 이름을 정의합니다. .
  • 세 번째 매개변수는 다음을 포함한 창 속성의 문자열입니다.

    • 왼쪽 및 위쪽은 창의 초기 위치를 지정합니다.
    • 너비 및 height는 창의 크기를 설정합니다.
    • 도구 모음 및 크기 조정 가능으로 창의 모양과 동작을 제어합니다.

이 수정된 코드는 Facebook의 공유 인터페이스를 새 창에서 엽니다. 치수가 (500,500)인 좌표 (20,20)에 위치합니다. 도구 모음이 포함되지만 크기 조정은 불가능합니다.

위 내용은 HTML의 Target=\'_blank\' 하이퍼링크에 대한 창 기능을 제어하는 ​​방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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