[javascript] 자바 스크립트-버튼을 클릭하여 새 탭에서 주어진 URL을 엽니 다.

주어진 URL로 리디렉션되고 새 탭에서 열리는 버튼을 갖고 싶습니다. 어떻게 할 수 있습니까?



답변

이것을 사용하십시오 :

<input type="button" value="button name" onclick="window.open('http://www.website.com/page')" />

나를 위해 일했으며 새로운 전체 브라우저 또는 탭이 아닌 실제 새 ‘팝업’창이 열립니다. 다음과 같이 특정 브라우저 특성이 표시되지 않도록 변수를 추가 할 수도 있습니다.

onclick="window.open(this.href,'popUpWindow','height=400,width=600,left=10,top=10,,scrollbars=yes,menubar=no'); return false;"


답변

자바 스크립트에서는 다음을 수행 할 수 있습니다.

window.open(url, "_blank");


답변

target = “_ blank”를 추가하면 다음 작업을 수행해야합니다.

<a id="myLink" href="www.google.com" target="_blank">google</a>


답변

브라우저가 새 탭에서 열리는 지 여부를 제어하기 때문에 JavaScript 사용을 잊어 버릴 수 있습니다. 최선의 선택은 다음과 같이하는 것입니다.

<form action="http://www.yoursite.com/dosomething" method="get" target="_blank">
    <input name="dynamicParam1" type="text"/>
    <input name="dynamicParam2" type="text" />
    <input type="submit" value="submit" />
</form>

target="_blank"속성 으로 인해 클라이언트가 사용하는 브라우저에 관계없이 항상 새 탭에서 열립니다 .

동적 매개 변수없이 리디렉션하는 것이 필요한 경우 target="_blank"Tim Büthe가 제안한대로 속성이 있는 링크를 사용할 수 있습니다 .


답변

window.open대신 사용 window.location하여 새 창 또는 탭을 엽니 다 (브라우저 설정에 따라 다름).

button선택할 요소 가 없기 때문에 바이올린이 작동하지 않습니다 . 시도 input[type=button]또는 버튼 제공 id및 사용을 #buttonId.


답변

내가 선호하는 방법은 마크 업에 JavaScript가 포함되어 있지 않다는 장점이 있습니다.

CSS

a {
  color: inherit;
  text-decoration: none;
}

HTML

<a href="http://example.com" target="_blank"><input type="button" value="Link-button"></a>


답변

자바 스크립트를 사용하여 새 탭에서 열기

 <button onclick="window.open('https://www.our-url.com')" id="myButton"
 class="btn request-callback" >Explore More  </button>