> 웹 프론트엔드 > CSS 튜토리얼 > `target=\'_blank\'`를 사용하여 JavaScript로 사용자 정의 Windows에서 링크를 여는 방법은 무엇입니까?

`target=\'_blank\'`를 사용하여 JavaScript로 사용자 정의 Windows에서 링크를 여는 방법은 무엇입니까?

Susan Sarandon
풀어 주다: 2024-11-02 23:11:29
원래의
469명이 탐색했습니다.

How to Open Links in Custom Windows with JavaScript Using `target=

Target="_blank" HTML 링크: JavaScript를 사용하여 옵션 확장

타겟을 사용할 때 특정 크기로 새 브라우저 창을 만드는 것이 어려울 수 있습니다. HTML 앵커 태그의 ="_blank" 속성. Mozilla Firefox에서 이 속성은 일반적으로 새 창 대신 새 탭에서 링크를 엽니다.

이러한 제한을 극복하고 사용자가 링크를 클릭할 때 사용자 정의된 창을 제공하려면 JavaScript의 기능을 활용할 수 있습니다. 방법은 다음과 같습니다.

<a href="http://www.facebook.com/sharer" onclick="window.open(this.href, 'mywin',<br>' 왼쪽=20, 상단=20, 너비=500, 높이=500, 도구 모음=1, 크기 조정 가능=0'); return false;" >공유하기</a><br>

이 코드는 다음 사양에 따라 새 창을 엽니다:

  • window.open( ...): 새 브라우저 창을 엽니다.
  • this.href: 클릭하고 있는 링크의 URL을 나타냅니다.
  • 'mywin': 식별에 사용되는 새 창의 이름을 설정합니다.
  • 'left=20,top=20': 창의 위치를 ​​지정합니다. 화면(왼쪽에서 20픽셀, 위쪽에서 20픽셀).
  • 'width=500,height=500': 창의 너비와 높이를 픽셀 단위로 설정합니다.
  • 'toolbar=1': 브라우저 도구 모음을 활성화합니다.
  • 'resizing=0': 창 크기를 조정할 수 없게 만듭니다.

JavaScript를 HTML 링크에 통합하면 사용자가 링크를 클릭할 때 열리는 새 창의 동작과 모양을 사용자 정의할 수 있습니다. 이 기술을 사용하면 사용자 경험을 더욱 효과적으로 제어할 수 있으며 별도의 창에 콘텐츠를 표시할 수 있는 유연한 옵션이 제공됩니다.

위 내용은 `target='_blank'`를 사용하여 JavaScript로 사용자 정의 Windows에서 링크를 여는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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