js代碼高亮原理,代碼高亮怎麼實現

本文目錄一覽：

• 1、js中前後內容比較實現高亮怎麼做的啊
• 2、在網上找了個js判斷當前欄目高亮的代碼，有懂js的能給我翻譯一下每行代碼的意識嗎，我想學習一下。代
• 3、js分頁高亮問題
• 4、JS中高亮層是什麼

js中前後內容比較實現高亮怎麼做的啊

給相應的每個元素加個事件，比如onmouseover事件，

調用一個函數，讓相同的兩個部分顯示相同的背景顏色就可以了。

在網上找了個js判斷當前欄目高亮的代碼，有懂js的能給我翻譯一下每行代碼的意識嗎，我想學習一下。代

var myNav = document.getElementById(“nav”).getElementsByTagName(“a”);

這是找html文件中id是nav的元素中所有超鏈接a元素。

即找這裏面的超鏈接a：

div id=”nav”

a href=”1.html”/a

a href=”….”/a

….

/div

for(var i=0;imyNav.length;i++)    // 在所有超鏈接中循環遍歷 

{   

   var links = myNav[i].getAttribute(“href”);   //得到元素中的href內容（例如上面的1.html）

   //alert(links)   

   //alert(myNav[i]);   

   var myURL = document.location.href;   //得到當前文件的URL 

   if(myURL.indexOf(links) != -1)  //如果當前URL與超鏈接的href內容相同 

   {   

      myNav[i].className=”d”; 此超鏈接的類名設成d  

    }   

}

也就是說，如果URL地址相同的話，a元素變成：

a href=”…” class=”d”/a

這個d就是定義你所說的高亮樣式的。d的定義要麼在引用的某個css文件中，要麼在本文件的style中。

js分頁高亮問題

script type=”text/javascript”

/**

 *由於你的代碼很多，而我只更改了JavaScript部分，所以我只發JS部分了。

 *

 *另外，我改動的地方都做了注釋，具體詳見：

 */

 var obj = document.getElementById(“frameContent”);//獲取內容層

var pages = document.getElementById(“pages”);//獲取翻頁層

window.onload = function()//重寫窗體加載的事件

{

    var allpages = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj. offsetHeight));//獲取頁面數量

    pages.innerHTML = “b共”+allpages+”頁/b “;//輸出頁面數量

    for (var i=1;i=allpages;i++){

        //這裡對初始分頁做了判斷，如果是第一次循環，則將第一頁高亮，因為是JS分頁程序也決定了網頁開啟後為第一頁：

     pages.innerHTML += “a href=\”javascript:showPage(‘”+i+”‘);\” style=\”color:” + (i==1?”#F00″:”#06C”) + “\”第”+i+”頁/a “;

//循環輸出第幾頁

    }

}

function showPage(pageINdex)

{

    obj.scrollTop=(pageINdex-1)*parseInt(obj.offsetHeight);//根據高度，輸出指定的頁

    //下面我做了點擊事件的判斷，點擊了哪個，哪個高亮，其餘的變回原色：

var as = pages.getElementsByTagName(‘a’);

for(var i=0; ias.length; i++){

 as[i].style.color = i+1 == pageINdex ? ‘#F00’ : ‘#06C’;

}

}

/script

JS中高亮層是什麼

就是通過CSS樣式，突出顯示那個層，看起來像是被燈光照亮的效果。總之就是一種顯示方式而已