My Programing/HTML and JavaScript

JS :: Document 하위객체 Link

nkdk 2008. 6. 16. 10:03

  • link객체
    <a href>태그에 관한 정보를 배열로 포함하고 있습니다.

|형식| document.links[인덱스번호].속성;
|예제| document.links[0].href;

    • hash : 표식 이름을 반환합니다.
    • host : 링크에 연결된 호스트이름, URL, 포트번호를 반환합니다.
    • hostname : 링크에 연결된 호스트이름과 URL을 반환합니다.
    • href : 링크에 연결된 문서의 URL주소를 반환합니다.
    • pathname : 디렉토리 위치를 반환합니다.
    • port : 포트번호를 반환합니다.
    • protocol : 프로토콜 종류를 반환합니다.
    • search : 검색엔진을 호출할 때 사용됩니다.
    • target : URL에 연결된 후 보여줄 창을 알아냅니다.

<a>태그로 사용된 링크가 두 개 이상인 경우에는 links를 이용하여 배열식으로 처리할 수 있습니다. 첫번째 <a>태그가 [인덱스번호]가 0이 되고 두번째 <a>태그가 [인덱스번호]가 1이 됩니다. 이런 식으로 0부터 시작하여 1씩 증가하여 [인덱스번호]가 부여됩니다.

<html>
<body>

<a href="http://www.naver.com">[1] 네이버로 이동합니다.</a><br>
<a href="link.htm">[2] 현재 보고있는 페이지로 이동</a><br>
<hr>

<script language="JavaScript">
<!--
document.write("링크갯수 : " + document.links.length, "<hr>");
document.write("[1] ", document.links[0].pathname, "<br>");
document.write("[1] ", document.links[0].href, "<hr>");
document.write("[2] ", document.links[1].pathname, "<br>");
document.write("[2] ", document.links[1].href);
// -->
</script>

</body>
</html>