>  기사  >  웹 프론트엔드  >  javascript를 사용하여 link_Experience 교환의 대상 속성 코드를 제어합니다.

javascript를 사용하여 link_Experience 교환의 대상 속성 코드를 제어합니다.

WBOY
WBOY원래의
2016-05-16 12:06:561545검색

HTML 4.0 Strict 및 XHTML 1.0 STRICT에서는 태그에 target 속성을 사용할 수 없습니다. 이는 웹 디자이너에게 귀찮은 일이지만, 특정 방법을 통해 여전히 허용됩니다.

HTML4.0 사양에서는 target 속성이 제거되었지만 rel이라는 다른 속성이 추가되었습니다. 이 속성은 링크가 포함된 문서 간의 관계를 지정하는 데 사용됩니다. 이들 사이의 관계는 해당 속성 값(예: 다음, 이전, 장, 섹션)을 정의합니다. 이러한 속성의 대부분은 실제로 대규모 문서에서 작은 부분 간의 관계를 정의하는 데 사용됩니다. 개발자가 특정 애플리케이션에 대해 비표준 속성 값을 자유롭게 사용할 수 있습니다.

여기에서는 rel 속성에 외부 사용자 정의 값을 사용하여 링크를 표시하고 이를 사용하여 새 창을 엽니다.
최신 웹 표준을 준수하지 않는 링크 코드:
외부 링크
rel 속성 사용:
< ;a href="document.html" rel="external">외부 링크
이제 웹 표준을 준수하는 새 창에 대한 링크를 구성했으므로 다음도 사용해야 합니다. JavaScript를 사용하여 새 창을 구현합니다. 스크립트가 원하는 작업은 웹 페이지가 로드될 때 rel="external"로 정의한 문서에서 모든 하이퍼링크를 찾는 것입니다. 브라우저를 결정합니다.
if (! document.getElementsByTagName) return;
getElementsByTagName은 DOM1 표준에서 사용하기 쉬운 방법이며 Netscape 4와 같은 일부 오래된 브라우저에서 현재 지원됩니다. IE4는 DOM1을 지원하지 않으므로 이 메소드가 존재하는지 확인하여 이전 버전의 브라우저를 제외해야 합니다.

다음으로 getElementsByTagName 메소드를 통해 문서의 모든 태그를 가져옵니다. >var 앵커 = document.getElementsByTagName( "a");
앵커에는 각
태그를 포함하는 배열이 할당됩니다.
for (var i=0; i < 앵커 .length; i++) {
var 앵커 =
}
새 창을 구현하는 태그 찾기
(anchor.getAttribute( "href") && 앵커.getAttribute ("rel") == "external")
다음으로, 속성 값 target을 생성하고 "_target" 값을 할당합니다:
anchor.target = "_blank"; >전체 코드:




코드 복사

코드는 다음과 같습니다.function externalLinks() { if (!document.getElementsByTagName)                                                                                
                                                                로드 = externalLinks ;

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.