jQuery를 사용하여 링크를 새 창에서 열기

참고: 인기 테마인 BE 테마(33%)The 7(35%) 할인 행사를 진행하고 있습니다.

특정 링크(예: 단일 링크, 모든 외부 링크 등)를 클릭했을 때 새 창에서 열리도록 하고 싶은 경우가 있을 수 있습니다. 이런 경우 HTML 소스에서 target=”_blank”를 삽입하면 쉽게 해결되겠지만 소스 코드를 수정할 수 없는 경우에는 어떻게 하면 좋을까요? 한 가지 방법으로 jQuery를 사용하여 target에 “_blank” 속성을 지정해줄 수 있습니다.

$("a").attr("target", "_blank");

위와 같은 스크립트를 사용하면 모든 링크가 새 창(새 탭)에서 열릴 것입니다.

$("a.target-blank").attr("target", "_blank");

특정 클래스의 경우 위와 같은 형식으로 지정해주면 됩니다. 여러 개의 클래스 또는 ID를 지정하려는 경우 콤마로 구분해주면 됩니다.

특정 URL로 연결되는 링크만을 지정하려는 경우에는 다음과 같은 형식을 사용할 수 있습니다.

$('a[href=http://www.google.com]').attr('target','_blank');

워드프레스에서 댓글 내의 모든 링크를 새 창에서 열리도록 하려면 다음과 같은 스크립트를 사용할 수 있습니다.

$(window).ready(function(){
// 워드프레스의 모든 댓글 링크에 target="_blank"를 추가합니다.
$('#comments a').each(function(){
$(this).attr('target','_blank');
});
});

이외에도 다양하게 응용이 가능합니다. .attr()에 대한 자세한 내용은 이 글을 참고하시기 바랍니다.



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.