반응형
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
반응형
'programing' 카테고리의 다른 글
여러 열의 테이블 열 데이터 유형을 변경하려면 어떻게 해야 합니까? (0) | 2022.10.03 |
---|---|
vue.js / Vue getter not defined 오류 (0) | 2022.10.02 |
MySQL에서 피벗 테이블 출력을 반환하려면 어떻게 해야 합니까? (0) | 2022.10.02 |
typescript - 복제 개체 (0) | 2022.10.02 |
자바어로 "캐노컬 형식" 또는 "캐노컬 표현"이라는 용어는 무엇을 의미합니까? (0) | 2022.10.02 |