특정 링크(예: 단일 링크, 모든 외부 링크 등)를 클릭했을 때 새 창에서 열리도록 하고 싶은 경우가 있을 수 있습니다. 이런 경우 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()에 대한 자세한 내용은 이 글을 참고하시기 바랍니다.
댓글 남기기