링크 의 target 속성 을 javascript 으로 제어 하 는 코드 2328 단어 javascript 으로 제어연 결 된 target속성 코드 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; Python 은 Opencv 를 사용 하여 목표 탐지 와 식별 을 실현 하 는 예시 코드 Python selenium 환경 구축 실현 과정 분석 좋은 웹페이지 즐겨찾기 개발자 우수 사이트 수집 개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다