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

페이지 정보

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

평점

  • 평점 : 0점 (0명 참여)

본문

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

$('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,333,468
레벨 100
경험치 1,489,829

Progress Bar 16.1%

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

댓글

첫 번째 댓글을 남겨 주세요

Total 7621026 페이지

제목 글쓴이 날짜 조회 추천
이윰  댓글+1🏆 카카오TV 플레이어 최신 버전 재생 오류 해결하기 shadow2fox 2019.03.11 3,076 1
이윰  🏆 좀 더 전문적으로 관리자 본문 내용 없이 글 작성하기 루루아빠 2015.04.22 3,076 1
제로  🏆 💾 [스킨만들기] list_main(목록 출력 부분)의 설명입니다 루루아빠 2005.06.23 3,076 0
이윰  🏆 본문 내용 추출시 특정 태그 제거하기 루루아빠 2016.05.09 3,074 0
제로  🏆 최근 갤러리 & 갤러리 목록 이미지 흑백 설정 루루아빠 2005.07.20 3,074 0
그누•영카트  🏆 영카트 5.1.12 패치 루루아빠 2016.01.31 3,073 0
그누•영카트  🏆 최신글 새로고침해도 갱신이 되지 않을때 루루아빠 2015.05.15 3,073 0
HTML5  🏆 HTML5 Video 반응형으로 만들기 루루아빠 2015.07.19 3,072 0
이윰  🏆 그누 5.2.1 패치로 비회원 댓글 작성시 오류 메세지 띄우는 문제 루루아빠 2016.09.04 3,068 0
제로  🏆 글을 쓰다가 자동으로 로그아웃이 되었을때 내용을 보호하는 법 루루아빠 2005.06.16 3,068 0
그누•영카트  🏆 영카트 5.2.6 패치 루루아빠 2017.01.20 3,066 0
이윰  댓글+1🏆 Eyoom Builder 1.1.1 패치 루루아빠 2015.05.24 3,065 0
그누•영카트  🏆 영카트 5.2.9.1 루루아빠 2017.07.25 3,061 0
그누•영카트  🏆 그누보드5 최소 글수 제한 관리자와 특정레벨 예외로 하기 루루아빠 2015.08.05 3,059 0
제로  🏆 💾 [스킨만들기] view_list_foot.php(목록 출력 마무리 부분)의 설명입니다 루루아빠 2005.06.23 3,059 0
이윰  🏆 커뮤니티 테마 사용시 회원 가입시 오류 문제 루루아빠 2015.06.01 3,058 0
그누•영카트  🏆 영카트 5.3.1.4 패치 루루아빠 2018.06.06 3,057 0
그누•영카트  🏆 영카트 5.2.9.8.1 패치 루루아빠 2017.12.31 3,054 0
이윰  🏆 🎞️ 그누보드 5.17, 영카트 5.16 대응 테마 패치 루루아빠 2015.11.18 3,054 0
제로  🏆 📸 💾 제로보드 비밀번호 힌트와 답으로 웹에서 바로찾기 루루아빠 2005.07.11 3,053 0
제로  🏆 💾 [스킨만들기] setup.php 의 설명 루루아빠 2005.06.23 3,049 0
이윰  🏆 이윰빌더 출석부 PHP 7.1.x에서 오류 해결하기 루루아빠 2017.11.24 3,045 0
그누•영카트  🏆 그누보드 5.0.42 패치 루루아빠 2015.07.27 3,044 0
jQuery  🏆 a href 속성 마우스 오버시 브라우저 하단 링크 주소 감추기 루루아빠 2017.08.29 3,037 0
이윰  댓글+1🏆 비회원도 게시글 추천 및 비추천 허용하기 루루아빠 2017.06.07 3,034 1
제로  🏆 💾 [스킨만들기] list_head.php의 설명 루루아빠 2005.06.23 3,032 0
이윰  🏆 Eyoom Builder 1.3.7 패치 루루아빠 2017.11.21 3,030 0
그누•영카트  🏆 그누보드 5.1.12 패치 루루아빠 2016.01.31 3,029 0
그누•영카트  🏆 이미지만 오른쪽 마우스 버튼 금지 루루아빠 2015.05.20 3,023 1
이윰  🏆 갤러리 및 최신 갤러리에서 새로운 글 이미지 내에 표현하기 루루아빠 2015.08.04 3,021 0