jQuery 새 창 에서 모든 하이퍼링크 열기

JavaScript 코드 세그먼트 에 서 는 jQuery 를 사용 하여 CSS 사용자 정의 하이퍼링크 를 사용 하여 두각 을 나 타 낼 수 있 습 니 다.jQuery 를 사용 하여 새 창 에서 하이퍼링크 를 여 는 팁 이기 도 합 니 다.
새 창 에서 하이퍼링크 열기
//open all hyperlinks in a new window using jQuery
$('a[href^="http://"]')
  .attr("target", "_blank");
  $(this).attr('href', newHref).attr("target", "_blank");

약간의 링크 를 통 해 하이퍼링크 에 그림 이나 텍스트 를 추가 할 수 있 습 니 다.이 예제 에 서 는 링크 텍스트 의 끝 에 [^] 를 추가 합 니 다.
사용자 정의 스타일 의 외부 하이퍼링크
//open all hyperlinks in a new window using jQuery
//also append a "^" to every link that is external (contains "http://")
$('a[href^="http://"]')
  .attr({
    target: "_blank", 
    title: "Opens in a new window"
  })
  .append(' [^]');
  

다음은 jQuery 를 추가 합 니 다.
$(document).ready(function() {
    $("a[@rel='external']").addClass("external").
       .click(function() { window.open($(this).href); return false; });
});

rel = "external" 이 있 는 모든 닻 표 시 를 찾 고 누 를 때 새 창 을 엽 니 다."휴가 복귀";현재 페이지 가 URL 로 전환 되 는 것 도 방지 할 수 있 습 니 다.또 다른 장점 은 이 링크 들 이 CSS 류 를 '외부' 로 만 들 기 때문에 스타일 을 설정 할 수 있다 는 것 이다. 예 를 들 어:
외부 하이퍼링크 에 배경 그림 추가
//change background image of external hyperlinks
A.external {
  padding-left: 15px;
  background: url(external-link.png) top left no-repeat;
}

From: https://www.sitepoint.com/jquery-open-hyperlinks-window/

좋은 웹페이지 즐겨찾기