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>