링크 의 target 속성 을 javascript 으로 제어 하 는 코드

HTML 4.0 Strict 와 XHTML 1.0 STRCT 에 서 는 안 돼 요탭 에 target 속성 을 사용 하 는 것 은 웹 디자이너 를 괴 롭 히 는 일이 다.과도 한 규범 에 서 는 사용 할 수 있 지만 일정한 방법 을 통 해 우 리 는 이 문 제 를 해결 할 수 있다.         HTMl 4.0 규범 에서 target 속성 을 지 웠 습 니 다.그러나 다른 속성 이 추가 되 었 습 니 다:rel.이 속성 은 링크 를 포함 하 는 문서 와 링크 된 문서 간 의 관 계 를 지정 하 는 데 사 용 됩 니 다.규범 에 서 는 속성 값(예:next,previous,chapter,section)을 정의 합 니 다.이러한 속성 에서 대부분 은 큰 문서 의 각 작은 부분 간 의 관 계 를 정의 하 는 데 사용 된다.사실상 규범 에 서 는 개발 자 들 이 비 표준 속성 치 를 자 유 롭 게 사용 하여 특정한 운용 을 할 수 있다.  여기에서,우 리 는 링크 를 새로 열 때 사용 할 사용자 정의 값 external 을 사용 합 니 다.  최신 웹 표준 에 맞지 않 는 링크 코드:  <a href="document.html" target="_blank">external link</a>  rel 속성 활용:  <a href="document.html" rel="external">external link</a>         현재 웹 표준 에 맞 는 새 창 을 여 는 링크 를 구축 하 였 습 니 다.자바 스 크 립 트 를 사용 하여 새 창 을 여 는 것 이 필요 합 니 다.스 크 립 트 가 실 현 될 작업 은 웹 페이지 를 불 러 올 때 문서 에 있 는 모든 것 을 찾 는 것 입 니 다.rel="external"로 정 의 된 하이퍼링크 입 니 다.  우선 우 리 는 브 라 우 저 를 판단 해 야 한다.  if (!document.getElementsByTagName) return;       getElementsByTagName 은 DOM 1 표준 에서 사용 하기 쉬 운 방법 이 며,Netscape 와 같은 오래된 브 라 우 저 때문에 현재 대부분의 브 라 우 저 에서 지원 합 니 다. 4 와 IE4 는 DOM 1 을 지원 하지 않 기 때문에 이 방법 이 존재 하 는 지 여 부 를 판단 하여 이 오래된 버 전의 브 라 우 저 를 제거 해 야 합 니 다.  다음 단 계 는 getElementsByTagName 방법 을 통 해 문서 의 모든<a>탭 을 가 져 옵 니 다.  var anchors = document.getElementsByTagName("a");  anchors 는 각<a>탭 을 포함 하 는 배열 로 할당 되 었 습 니 다.현재 우 리 는 각<a>탭 을 옮 겨 다 니 며 수정 해 야 합 니 다.  for (var i=0; i < anchors.length; i++) {          var anchor = anchors;  } 새 창 을 열 려 는<a>탭 을 찾 습 니 다.  if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external")  다음.속성 치 target 을 만 들 고 값 을 부여 합 니 다"target":  anchor.target = "_blank";  전체 코드:  function externalLinks() {             if (!document.getElementsByTagName)                      return;             var anchors = document.getElementsByTagName("a");            for (var i=0; i<anchors.length; i++) {                    var anchor = anchors;                    if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external")                                anchor.target = "_blank";            }   }   window.onload = externalLinks;

좋은 웹페이지 즐겨찾기