programing

JavaScript 또는 jQuery를 사용하여 새 탭에서 URL을 여는 방법

randomtip 2022. 10. 2. 11:22
반응형

JavaScript 또는 jQuery를 사용하여 새 탭에서 URL을 여는 방법

프로그램적으로 새 창이 아닌 새 탭에서 URL을 여는 방법

사용하다window.open():

var win = window.open('http://stackoverflow.com/', '_blank');
if (win) {
    //Browser has allowed it to be opened
    win.focus();
} else {
    //Browser has blocked it
    alert('Please allow popups for this website');
}

브라우저 구현에 따라서는 동작합니다.

탭이 아닌 창에서 열 수 있는 방법은 없습니다.

이건 이렇게 간단해.

window.open('_link is here_', 'name'); 

기능 설명:

name는 창의 이름입니다.지원되는 이름은 다음과 같습니다.

  • _blank- URL이 새 에 로드됩니다.이것은 디폴트입니다.
  • _parent- URL이 부모 프레임에 로드됩니다.
  • _self- 현재 페이지를 URL로 바꿉니다.
  • _top- 로딩될 수 있는 프레임셋은 URL로 대체됩니다.

새 탭에서 모든 링크를 열려면 이 jquery를 사용하십시오.

$(document).on('click', 'a', function(e){ 
    e.preventDefault(); 
    var url = $(this).attr('href'); 
    window.open(url, '_blank');
});
 var url = "http://www.example.com";
 window.open(url, '_blank');

새 탭을 쉽게 만들 수 있습니다. 다음과 같이 하십시오.

function newTab() {
     var form = document.createElement("form");
     form.method = "GET";
     form.action = "http://www.example.com";
     form.target = "_blank";
     document.body.appendChild(form);
     form.submit();
}

새 창에서 모든 태그를 열 것인지 아니면 외부 링크만 열 것인지 질문이 지정되지 않은 것을 알고 있습니다.

그러나 외부 링크만 새 탭에 열려는 경우 다음을 수행할 수 있습니다.

$( 'a[href^="http://"]' ).attr( 'target','_blank' )
$( 'a[href^="https://"]' ).attr( 'target','_blank' )

언급URL : https://stackoverflow.com/questions/19851782/how-to-open-a-url-in-a-new-tab-using-javascript-or-jquery

반응형