자바 스크립트-버튼을 클릭하여 새 탭에서 주어진 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>

방금 form 태그 아래에 target = "_ blank"를 사용했는데 FF 및 Chrome에서 잘 작동하여 새 태그에서 열리지 만 IE에서는 새 창에서 열립니다.

이 시도

<a id="link" href="www.gmail.com" target="_blank" >gmail</a>

이 HTML을 시도하십시오.

<input type="button" value="Button_name" onclick="window.open('LINKADDRESS')"/>

당신은 할 수 없습니다. 이 동작은 플러그인에서만 사용할 수 있으며 사용자 만 구성 할 수 있습니다.

<BUTTON NAME='my_button' VALUE=sequence_no TYPE='SUBMIT' style="background-color:transparent ; border:none; color:blue;" onclick="this.form.target='_blank';return true;"><u>open new page</u></BUTTON>

이 버튼은 URL처럼 보이며 새 탭에서 열 수 있습니다.

이 코드 사용

function openBackWindow(url,popName){
        var popupWindow = window.open(url,popName,'scrollbars=1,height=650,width=1050');
          if($.browser.msie){
            popupWindow.blur();
            window.focus();
        }else{
           blurPopunder();
        }
      };

    function blurPopunder() {
            var winBlankPopup = window.open("about:blank");
            if (winBlankPopup) {
                winBlankPopup.focus();
                winBlankPopup.close()
            }
    };

그것은 Mozilla, IE 및 chrome과 22 버전 이하에서 잘 작동합니다. 그러나 Opera와 Safari에서는 작동하지 않습니다.