HTML과 JavaScript를 사용하여 특정 크기와 기능으로 새 창을 여는 방법은 무엇입니까?

Target="_blank"를 사용하여 HTML에서 새 창 열기

HTML에서 target="_blank" 속성은 브라우저에 열도록 지시합니다. 링크를 클릭하면 새 창이 열립니다. 그러나 이 속성은 새 창의 크기나 위치에 대한 제어를 제공하지 않습니다.

예를 들어 다음 코드를 고려해보세요.

<code class="html"><a href="facebook.com/sharer" target="_blank">Share this</a></code>

Firefox에서 이 코드는 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>

window.open() 함수의 각 매개변수가 수행하는 작업은 다음과 같습니다.

• this.href: 열려는 페이지의 URL.
• 'mywin': 새 창의 이름.
• 'left=20,top=20' : 창의 왼쪽 및 위쪽 위치입니다.
• 'width=500,height=500': 창의 너비와 높이입니다.
• 'toolbar=1': 툴바 표시 ​​여부
• 'resizing=0': 창 크기를 조정할 수 있는지 여부

이 접근 방식을 사용하면 target="_blank"인 링크를 클릭할 때 원하는 크기와 사용자 정의 옵션이 포함된 새 창을 열 수 있습니다.

위 내용은 HTML과 JavaScript를 사용하여 특정 크기와 기능으로 새 창을 여는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!