JavaScript를 사용하여 새 창에서 링크를 여는 방법

JavaScript는 사양을 포함하여 창 모양과 화면의 위치를 제어하므로 새 창에서 링크를 여는 유용한 방법을 제공합니다.

Degui Adil / EyeEm / 게티 이미지

JavaScript Window Open () 메서드 구문

새 브라우저 창에서 URL을 열려면 다음과 같이 Javascript open () 메서드를 사용하십시오.

window.open (URL, 이름, 사양, 바꾸기)

창을 여는 것 외에도 각 매개 변수를 사용자 정의 할 수도 있습니다. 예를 들어, 아래 코드는 새 창을 열고 매개 변수를 사용하여 모양을 지정합니다.

새 창에서 열려는 페이지의 URL을 입력하십시오. URL을 지정하지 않으면 새 빈 창이 열립니다.

window.open ( "https://www.somewebsite.com", "_blank", "toolbar = yes, top = 500, left = 500, width = 400, height = 400");

name 매개 변수는 URL의 대상을 설정합니다. 새 창에서 URL을 여는 것이 기본값이며 다음과 같이 표시됩니다.

사용할 수있는 다른 옵션은 다음과 같습니다.

specs 매개 변수는 공백없이 쉼표로 구분 된 목록을 입력하여 새 창을 사용자 정의하는 곳입니다. 다음 값에서 선택하십시오.

높이 = 픽셀:이 사양은 새 창의 높이를 픽셀 단위로 설정합니다. 입력 할 수있는 최소값은 100입니다.
너비 = 픽셀:이 사양은 새 창의 너비를 픽셀 단위로 설정합니다. 최소값은 100입니다.
left = 픽셀:이 사양은 새 창의 왼쪽 위치를 설정합니다. 음수 값은 입력 할 수 없습니다.
top = 픽셀:이 사양은 새 창의 상단 위치를 설정합니다. 음수 값은 사용할 수 없습니다.
메뉴 바 = 예 | 아니오 | 1 | 0:이 사양을 사용하여 메뉴 표시 줄을 표시할지 여부를 나타냅니다. 예 / 아니오 단어 또는 1/0 이진 값을 사용하십시오.
상태 = 예 | 아니요 | 1 | 0: 상태 바 추가 여부를 나타냅니다. 메뉴 바와 마찬가지로 단어 나 이진 값을 자유롭게 사용할 수 있습니다.

일부 사양은 브라우저에 따라 다릅니다.

위치 = 예 | 아니오 | 1 | 0:이 사양은 주소 필드를 표시할지 여부를 나타냅니다. Opera 브라우저 전용입니다.
resizeable = yes | no | 1 | 0: 창의 크기를 조정할 수 있는지 여부를 결정합니다. IE에서만 사용합니다.
위치 = 예 | 아니오 | 1 | 0: 스크롤바 표시 여부를 나타냅니다. IE, Firefox 및 Opera 와만 호환됩니다.
toolbar = yes | no | 1 | 0: 브라우저 도구 모음을 표시할지 여부를 결정합니다. IE 및 Firefox 와만 호환됩니다.

이 선택적 매개 변수는 새 창에서 열리는 URL이 브라우저 히스토리 목록의 현재 항목을 대체할지 또는 새 항목으로 표시되는지 지정하는 한 가지 목적 만 있습니다.