婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 網站建設 > 建站知識 > dede織夢模板用js查找法實現當前欄目樣式的高亮顯示的教程

dede織夢模板用js查找法實現當前欄目樣式的高亮顯示的教程

POST TIME:2021-05-23 02:12

判斷當前URL對當前欄目高亮突出顯示,重點是用indexOf來判斷兩個字符串中第一次出現的位置,如果沒有出現就返回-1,出現就返回
其它,并與返回其它結果的那個字符串所在元素定義一個class樣式。
頁面HTML代碼如下:
<div id="nav"> 
<ul> <li><a href="http://dede58.com/2015/muban"><span>模板超市</span></a></li> 
<li><a href="http://dede58.com/2015/chajian"><span>插件下載</span></a></li> 
<li><a href="http://dede58.com/2015/edu"><span>建站教程</span></a></li> 
<li><a href="http://dede58.com/2015/video"><span>視頻教程</span></a></li>
<li><a href="http://dede58.com/2015/js"><span>特效下載</span></a></li> 
<li><a href="http://dede58.com/2015/sucai"><span>站長素材</span></a></li> 
<li><a href="http://dede58.com/2015/kuzhan"><span>酷站欣賞</span></a></li> 
<li><a href="http://dede58.com/2015/down"><span>源碼下載</span></a></li> 
</ul> 
</div>

 
頁面JS腳本如下:
var myNav = document.getElementById("nav").getElementsByTagName("a"); for(var i=0;i<myNav.length;i++){ var links = myNav[i].getAttribute("href"); //alert(links); //alert(myNav[i]); var myURL = document.location.href; if(myURL.indexOf(links) != -1){ myNav[i].className="d"; } }
 
比如:點擊&ldquo;資訊中心&rdquo;之后,URL地址變成 http://dede58.com/2015/muban ,而使用 document.location.href 取得的就是這個地址。然后我們再遍歷當前查找到的所有a連接,取得每個連接href的值。遍歷的代碼:
var myNav = document.getElementById("nav").getElementsByTagName("a");
for(var i=0;i<myNav.length;i++){
var links = myNav[i].getAttribute("href");
}
使 用indexOf函數來比較是否頁面的所有連接中,是否有當前頁的URL地址出現。若有的話,就表明是當前欄目,那么就修改當前連接的樣式。這就實現了當 前欄目高亮顯示,當前欄目高亮顯示是一個很實用的技巧,在增加用戶體驗方面尤其有好處。但在實用過程中,可能需要注意一些細節問題,比如網站是用外鏈的方 式來連接的,那么在處理的時候,點了這個外鏈的
時候就可能出現問題,呵呵。


收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266
主站蜘蛛池模板: 莱芜市| 锡林浩特市| 莒南县| 昆明市| 华池县| 青神县| 泾源县| 长沙县| 永平县| 新巴尔虎左旗| 化州市| 河源市| 洮南市| 宜城市| 迁安市| 永和县| 汝州市| 丰台区| 深水埗区| 万荣县| 中宁县| 苗栗市| 泽库县| 巍山| 霸州市| 武隆县| 云阳县| 南京市| 铜山县| 略阳县| 旺苍县| 商城县| 曲沃县| 于都县| 池州市| 嘉祥县| 广德县| 张家港市| 泸定县| 天柱县| 淳化县|