導航欄高亮顯示代碼

<code>//導航欄高亮顯示代碼</code>

<code>function</code> <code>highlightPage(){</code>

<code>if</code><code>(!document.getElementsByTagName) </code><code>return</code> <code>false</code><code>;</code>

<code>if</code><code>(!document.getElementById) </code><code>return</code> <code>false</code><code>;</code>

<code>var</code> <code>headers = document.getElementsByTagName(</code><code>'header'</code><code>);</code>

<code>if</code><code>(headers.length == 0) </code><code>return</code> <code>false</code><code>;</code>

<code>var</code> <code>navs = headers[0].getElementsByTagName(</code><code>'nav'</code><code>);</code>

<code>if</code><code>( navs.length == 0) </code><code>return</code> <code>false</code><code>;</code>

<code>var</code> <code>links = navs[0].getElementsByTagName(</code><code>"a"</code><code>);</code>

<code>var</code> <code>linkurl;</code>

<code>for</code><code>(</code><code>var</code> <code>i = 0; i &lt; links.length; i++){</code>

<code>linkurl = links[i].getAttribute(</code><code>"href"</code><code>);</code>

<code>if</code><code>( window.location.href.indexOf(linkurl) != -1){  </code><code>//目前視窗加載的位址是否比對導航欄内的位址</code>

<code>links[i].className = </code><code>"here"</code><code>;</code>

<code>}</code>

<code>window.onload = highlightPage;</code>

<code></code>

本文轉自  小旭依然  51CTO部落格，原文連結:http://blog.51cto.com/xuyran/1784119