Programing

JavaScript 또는 jQuery를 사용하여 새 탭에서 URL을 여는 방법은 무엇입니까?

lottogame 2020. 4. 5. 19:55
반응형

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

반응형