페이지 내의 모든 링크를 한 눈에 보여주는 방법 > script

본문 바로가기
사이트 내 전체검색

script

페이지 내의 모든 링크를 한 눈에 보여주는 방법

페이지 정보

작성자 서방님 댓글 0건 조회 102회 작성일 06-09-12 17:50

본문

가끔 웹 페이지 내에 있는 링크들만 따로 모아 보여주고 싶은 적이 있는지?

인터넷 익스플로러를 사용하고 있다면 아주 간단히 페이지 내의 모든 링크를 추출해 낼 수가 있다.

우선 현재 페이지의 모든 링크를 새 창에서 보여주는 간단한 샘플을 살펴보도록 하자. 아래 "현재 페이지의 모든 링크를 새창에서 보여주기" 버튼을 클릭해 보기 바란다. 현재 페이지의 모든 링크를 한 눈에 볼 수 있을 것이다.

<script language="JavaScript1.2">
<!--
 
function fnExtractLinks(){
        var objLinks;
        if (document.all||document.getElementById){
                if (document.all)
                        objLinks=document.all.tags("A")
                else if (document.getElementById)
                        objLinks=document.getElementsByTagName("A")
                
                var nTotalNum=objLinks.length
                var objNewWin=window.open("","","menubar,scrollbars,status")
                objNewWin.document.write("<b>전체 링크 갯수="+nTotalNum+"</b><br>")
                
                for (i=0;i<nTotalNum;i++){
                        objNewWin.document.write('<a href="'+objLinks[i]+'">'+objLinks[i].innerHTML+'</a><br>')
                }
                
                objNewWin.document.close()
        }
}
//-->
</script>


<button onClick="fnExtractLinks()">현재 페이지의 모든 링크를 새창에서 보여주기</button>

핵심은 간단하다. 브라우저에는 DOM이란 문서 객체 모델이 있다. 이 DOM에서 각 태그를 관리하고 있는데, 이 DOM에서 링크 태그에 해당하는 A 태그 객체를 추출하면 그 다음 과정은 아주 쉽다. 브라우저 버전마다 A 태그 객체를 추출하는 방법이 틀리기 때문에 브라우저에 따라 document.all.tags("A") 또는 document.getElementByTagName("A") 방식으로 추출하면 된다.

이렇게 추출한 객체를 여기서는 objLinks란 객채 배열에 저장하고 이 배열의 갯수만큼 반복을 돌면서 해당 링크 정보를 새 창에 보여주면 되는 것이다.

자료출처 : http://korea.internet.com

댓글목록

등록된 댓글이 없습니다.

회원로그인

접속자집계

오늘
123
어제
225
최대
1,347
전체
154,882
Latest Crypto Fear & Greed Index

그누보드5
Copyright © 서방님.kr All rights reserved.