當前位置:軟件學堂 > 資訊首頁 > 網(wǎng)絡編程 > 編程其他 > 如何提取頁面中所有鏈接

如何提取頁面中所有鏈接

2012/10/28 10:41:21作者:佚名來源:網(wǎng)絡

移動端

【實例名稱】

提取頁面中所有鏈接

【實例描述】

提取鏈接有利于查找網(wǎng)站中的頁面,本例學習如何提取頁面中的所有鏈接。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標題頁-學無憂(www.xue51.com)</title> <script language="JavaScript1.2"> function extractlinks() { var links=document.all.tags("A")  //獲取所有a元素 var total=links.length            //a元素的個數(shù) var win2=window.open("","","menubar,scrollbars,toolbar") //在新窗口中顯示所有鏈接 win2.document.write("<font size='2'>一共有"+total+"個連接</font><br>") for (i=0;i<total-1;i++){ win2.document.write("<font size='2'>"+links[i].outerHTML+"</font><br>")} } </script> </head> <body> <p align="center"> <a href="expand.htm" OLDREF="#">首頁</a> <a href="expand.htm" OLDREF="#">鏈接1</a>  <a href="expand.htm" OLDREF="#">鏈接2 </a> <a href="expand.htm" OLDREF="#">鏈接3</a>   <a href="expand.htm" OLDREF="#">鏈接4</a> <a href="expand.htm" OLDREF="#">鏈接5</a> <a href="expand.htm" OLDREF="#">鏈接6</a> </p> <input type="button" onClick="extractlinks()" value="顯示所有的連接"> </body> </html>

【運行效果】

運行效果

【難點剖析】

獲取頁面中的所有鏈接,使用“document.a(chǎn)11.tags("A")”,“tag’’表示頁面中的標記,鏈接的標記是“A”。判斷鏈接的個數(shù),使用“l(fā)inks.length”。

【源碼下載】

如果你不愿復制代碼及提高代碼準確性,你可以點擊:提取頁面中所有鏈接 進行本實例源碼下載 

標簽: 鏈接