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

페이지 정보

yadolee 루루아빠 2,283 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,332,705
레벨 100
경험치 1,488,154

Progress Bar 10.52%

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

댓글

첫 번째 댓글을 남겨 주세요

Total 7621539 페이지

제목 글쓴이 날짜 조회 추천
이윰  🏆 PHP 7.x에서 이윰빌더 알람 푸시(push) 관련 PHP Notice: Undefined index error 해결하기 shadow2fox 2019.01.01 2,514 0
이윰  🏆 Eyoom Builder 3.0.7 패치 shadow2fox 2018.10.15 2,515 0
이윰  댓글+1🏆 현재 게시글 스크랩 갯수 본문에 보여주기 shadow2fox 2019.04.28 2,520 2
그누•영카트  댓글+2🏆 그누보드 5.4.2.2 shadow2fox 2020.03.04 2,528 2
제로  댓글+1🏆 음악스킨 안될때 처방법.. 루루아빠 2005.07.09 2,541 0
이윰  🏆 Eyoom Builder 1.3.16 패치 루루아빠 2018.03.12 2,545 0
이윰  🏆 전체검색 리스트 페이지에서 외부 이미지도 썸네일 사용하기 루루아빠 2018.05.06 2,550 0
제로  댓글+1🏆 최근게시물 공지사항 첫번째 글에도 링크걸기 루루아빠 2005.07.03 2,555 0
제로  🏆 공지사항 체크를 빼면 제위치로 가지 않는 문제의 해결점 루루아빠 2005.07.07 2,556 0
그누•영카트  🏆 그누보드 5.2.9.2 패치 루루아빠 2017.08.31 2,559 0
제로  🏆 특정 회원(예:운영자) 이 접속자목록에 안나오게하기 루루아빠 2005.07.05 2,561 0
이윰  댓글+5🏆 네이버TV 올바르게 적용하기 shadow2fox 2019.10.12 2,564 2
제로  댓글+1🏆 수정된 정보를 제대로 보여주기 루루아빠 2005.07.03 2,571 0
Bootstrap  🏆 부트스트랩 툴팁 텍스트 한 줄로 보여주기 루루아빠 2017.08.03 2,571 1
제로  🏆 동영상(음악,뮤비,플래쉬) 업로드시 자동실행법 루루아빠 2005.07.08 2,576 0
제로  🏆 [re] 조금더 전문적인 사용법 루루아빠 2005.06.27 2,577 0
그누•영카트  🏆 영카트 5.1.3 패치 (2015.10.26) 루루아빠 2015.11.09 2,585 0
이윰  댓글+1🏆 Eyoom Builder 3.0.8 패치 shadow2fox 2019.03.12 2,585 1
그누•영카트  🏆 게시판을 디바이스에 따라 보여주기 안보여주기 루루아빠 2015.11.04 2,588 0
Bootstrap  🏆 모달창 오픈시 백그라운드(메인 화면) 스크롤 금지 최종 버전 루루아빠 2018.05.16 2,589 0