[jQuery] 타겟 링크가 내 주소인지 외부 주소인지 확인하기

페이지 정보

yadolee 루루아빠 2,475 2018.05.22 07:39:02

본문

타겟 링크가 내 주소인지 외부 주소인지 확인하기
첫 번째 방법

$('a').filter(function() { return this.hostname !== location.hostname; }).addClass("external");
외부 주소임을 확인하고 타켓 링크에 external 클래스를 추가한다.

$('a').filter(function() { return this.hostname == location.hostname; }).addClass("internal");
내부 주소임을 확인하고 타켓 링크에 internal 클래스를 추가한다.

두 번째 방법

$.expr[':'].external = function(obj) { return (obj.hostname != location.hostname); }; $('a:external').addClass('external');
외부 주소임을 확인하고 타켓 링크에 external 클래스를 추가한다.

$.expr[':'].internal = function(obj) { return (obj.hostname == location.hostname); }; $('a:internal').addClass('internal');
내부 주소임을 확인하고 타켓 링크에 internal 클래스를 추가한다.

세 번째 방법

$('a:not([href^="http://mydomain.com"]):not([href^="#"]):not([href^="/"])').addClass('external');
외부 주소임을 확인하고 타켓 링크에 external 클래스를 추가한다.

$('a:([href^="http://your-website.com"])+([href^="#"])+([href^="/"])').addClass('internal');
내부 주소임을 확인하고 타켓 링크에 internal 클래스를 추가한다.

네 번째 방법

$('a').each(function() {
    var a = new RegExp('/' + window.location.host + '/');
    if (!a.test(this.href)) {
        // 외부 주소일 때
    } else {
        // 내부 주소일 때
    }
});
추천인
  • 추천해 주세요
yadolee
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,344,676
레벨 101
경험치 1,515,685

Progress Bar 2.27%

- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑 루루아빠랍니다~~

댓글

첫 번째 댓글을 남겨 주세요

Total 7691026 페이지

제목 글쓴이 날짜 조회 추천
그누•영카트  🏆 영카트 5.4.4.2 shadow2fox 2021.01.05 1.2k 0
제로  🏆 제로보드에 나오는 변수들의 뜻 정리 루루아빠 2005.06.23 3.1k 0
그누•영카트  🏆 📸 5.2.9.8.4 버전에서 5.3.1 정식버전으로 패치 루루아빠 2018.04.06 2.7k 0
제로  🏆 읽고 있는글의 링크를 해제하여 해당글을 다시 클릭할 수 없게 하기 루루아빠 2005.06.24 3.5k 0
기타  댓글+1🏆 Jwplayer 반응형으로 검정화면 없이 꽉차게 만들기 루루아빠 2015.09.08 4.4k 0
그누•영카트  🏆 📸 5.2.9.8.4 버전에서 5.3.1 정식버전으로 패치 루루아빠 2018.04.06 2.9k 0
제로  🏆 글, 링크 이미지, 업로드 이미지 모두 가운데 정렬하기 루루아빠 2005.06.24 3.1k 0
그누•영카트  🏆 영카트 5.3.1.1 루루아빠 2018.04.06 3.1k 0
그누•영카트  🏆 영카트 5.4.4.3 shadow2fox 2021.01.06 1.4k 0
제로  🏆 첨부파일 이미지 업로드시 미리보기 및 수정시 이미지 미리보기 루루아빠 2005.06.24 3.6k 0
기타  🏆 아이프레임 반응형 100%로 아닌 특정 크기로 가운데 정렬하기 루루아빠 2015.09.11 3.6k 0
이윰  🏆 Eyoom Builder 3.0.1 패치 루루아빠 2018.04.16 3.0k 0
제로  🏆 최근 게시물보기 속도 빠르게 만들기 루루아빠 2005.06.24 3.0k 0
이윰  🏆 인기검색어 관련 설정 바꾸기 루루아빠 2015.09.12 3.3k 0
그누•영카트  🏆 그누보드 5.3.1.2 패치 루루아빠 2018.04.21 2.3k 0
기타  🔒 링크 타겟 새로운 창으로 열때 가운데 정렬해서 원하는 사이즈로 열기 루루아빠 2005.06.25 17 0
이윰  댓글+1🏆 댓글(코멘트)에 외부 이미지를 넣어보기 루루아빠 2015.09.14 3.5k 0
그누•영카트  🏆 영카트 5.3.1.2 보안 패치 루루아빠 2018.04.21 2.8k 0
제로  댓글+1🔒 여러 게시판의 최근글 통합해서 뽑아내기 루루아빠 2005.06.27 24 0
이윰  🏆 포인트 조회 팝업창으로 뛰우기 루루아빠 2015.09.14 4.2k 0
이윰  🏆 이윰빌더 사용하지 않기 루루아빠 2018.04.25 2.8k 0
그누•영카트  🏆 영카트 5.4.4.4 shadow2fox 2021.01.09 1.6k 0
이윰  댓글+1🏆 "부트스트랩" 기반 동영상 반응형 조정하기 루루아빠 2015.09.15 3.3k 0
이윰  🏆 전체검색 리스트 페이지에서 동영상 썸네일 이미지도 사용하기 루루아빠 2018.05.04 2.8k 0
제로  🏆 [re] 조금더 전문적인 사용법 루루아빠 2005.06.27 2.7k 0
HTML5  🏆 Google Drive에 공유된 동영상 HTML5으로 플레이하기 루루아빠 2015.09.15 3.0k 0
이윰  🏆 전체검색 리스트 페이지에서 외부 이미지도 썸네일 사용하기 루루아빠 2018.05.06 2.7k 0
제로  🔒 멀티게시판 코멘트 통합추출 팁 루루아빠 2005.06.27 17 0
HTML5  🏆 Google Drive로 공유된 동영상 Jwplayer를 통해 플레이하기 루루아빠 2015.09.15 3.3k 0
이윰  🏆 Eyoom Builder 3.0.2 패치 루루아빠 2018.05.14 2.4k 0