>웹 프론트엔드 >JS 튜토리얼 >JavaScript를 사용하여 특정 차원의 새 Windows에서 URL을 여는 방법은 무엇입니까?

JavaScript를 사용하여 특정 차원의 새 Windows에서 URL을 여는 방법은 무엇입니까?

Patricia Arquette
Patricia Arquette원래의
2024-11-04 04:53:291082검색

How to Open URLs in New Windows with Specific Dimensions Using JavaScript?

JavaScript를 사용하여 새 Windows에서 URL 열기

현재 페이지를 공유하기 위해 "공유 버튼"을 만들 때 일반적인 단계는 다음과 같습니다. 새 창에 현재 페이지의 URL이 표시됩니다. 현재 URL을 얻는 것은 간단할 수 있지만 새 창의 크기를 정의하는 것은 어려울 수 있습니다.

새 창의 크기를 지정하려면 JavaScript 함수 window.open()을 사용해야 합니다. 이 함수의 구문은 다음과 같습니다.

window.open("URL", "Window Name", "Window Features");
  • URL: 열려는 페이지의 URL.
  • 창 이름: 새 창의 이름(선택 사항).
  • 창 기능: 다음과 같이 쉼표로 구분된 창 기능 목록:

    • location: 주소창에 URL을 표시합니다.
    • height=570: 창의 높이를 설정합니다.
    • width=520: 창의 너비를 설정합니다.

이러한 기능을 "공유 버튼"에 적용하려면 다음 HTML 및 JavaScript 코드를 사용할 수 있습니다.

<code class="html"><a onclick="window.open(document.URL, '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes');">
  Share Page
</a></code>

이 코드는 " 페이지 공유'를 클릭하면 위치 표시줄, 스크롤 막대, 상태 표시줄과 같은 다른 기능과 함께 높이 570, 너비 520의 새 창에서 현재 페이지의 URL이 열립니다.

위 내용은 JavaScript를 사용하여 특정 차원의 새 Windows에서 URL을 여는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.