主版頁面導覽列選中解決方案

html代碼:

<div id="nav_content">
           <ul>
               <li id="default"><a href="default.html">首頁</a></li>
               <li><a href="saleCar.html">我要賣車</a></li>
               <li><a href="buyCar.aspx">我要買車</a></li>
               <li><a href="storeFront.aspx">直營網點</a></li>
               <li id="test"><a href="login.aspx">會員專區</a></li>
               <li><a href="intro.aspx">走近安美途</a></li>
               <li><a href="recruit.aspx">人員招聘</a></li>
               <li><a href="contact.aspx">聯絡我們</a></li>
           </ul>
       </div>

 

js代碼:

<script type="text/javascript">
            var ah = document.getElementById('nav_content').getElementsByTagName('a');
                    for (i = 0; i < ah.length; i++) {
                        if (window.location.href.indexOf(ah[i]) >= 0) {
                            ah[i].parentNode.className = "selected";
                        }

                    }

                    if (window.location.href.indexOf("DetailInfo.aspx") >= 0 || window.location.href.indexOf("CompareProducts.aspx") >= 0 || window.location.href.indexOf("buyCarFlow.aspx") >= 0 || window.location.href.indexOf("replace.aspx") >= 0) {
                        ah[2].parentNode.className = "selected";
                    }
    </script>