링크 자동 새창 연결하기

링크 자동 새창 연결하기

HTML 페이지 안에 있는 모든 링크 중 외부 링크 ( 내 도메인이 아닌 다른 링크 ) 일 경우 새창에서 여는 간단한 방법

jQuery를 이용해서 만든다.

HTML

<a href="http://example.com">외부링크</a><br /><a href="/">내부링크</a>

JavaScript

$(document.links).filter(function() {    	return this.hostname != window.location.hostname;}).attr('target', '_blank');​

친절한 설명 :

$(document.links) // HTML 문서에서 모든 링크들	.filter(function() { // jQuery의 filter 메소드는 조건에 맞는 내용을 필터링    		return this.hostname != window.location.hostname 	}) // 필터링의 조건. 접속한 URL주소의 도메인과 다른 경우일때만 	.attr('target','_blank'); // 링크 태그 target 속성에 _blank 를 넣음

예 : http://jsfiddle.net/7j2mk/1/


덧글

댓글 입력 영역