csdnjs代碼高亮,js 高亮

本文目錄一覽：

• 1、js分頁高亮問題
• 2、Visual Studio Code中的JS代碼一直是黑色的，怎麼設置高亮
• 3、jQuery JS 如何高亮頁面上的所有數字
• 4、JS中高亮層是什麼

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

Visual Studio Code中的JS代碼一直是黑色的，怎麼設置高亮

因為你用的是vue，文件後綴是vue，所以js語法就不會高亮，裝個vetur擴展就可以有語法高亮等功能了。

jQuery JS 如何高亮頁面上的所有數字

這個高亮，實質上是把12變成span style=”backgroud: yellow”12/span。

那麼只要做一個替換就可以了。但是需要考慮兩點：

需要被替換的內容，必須是標籤里的內容，不能是屬性。比如，不能把div width=”100%” color=”#12fe45″這裡的100，12，45都不應該被替換。

需要被替換的內容，不能是script標籤里的內容（理所當然的吧）。比如scriptvar a=123; xxx/script 這裡的123不應該被替換。

所以，考慮到以上，最終的做法必須是遍歷所有的標籤，然後如果標籤里沒有標籤的時候，才把標籤里的文字作替換。

(function hilightNumber(jqObj) {

    // 不能替換script標籤里的數字

    var domObj = jqObj[0];

    if (domObj.nodeName == “SCRIPT”) {

        return;

    }

    // 如果標籤里有標籤，我們也不作替換，而是遞歸進去遍歷內層的標籤。

    var children = jqObj.children();

    if (children.length  0) {

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

            hilightNumber($(children[i]));

        }

    } else {

    // 標籤里只有文字，沒有內層標籤的時候，才做替換，

    // 把123替換成帶顏色的標籤內包含123，就實現了高亮。

        var hilightedHtml = jqObj.html().replace(/([+\-]?[0-9]+(\.[0-9]+)?)/g, “span style=’background:yellow;’$1/span”);

        jqObj.html(hilightedHtml);

    }

})($(“body”));

注意！這個不能解決全部的問題，但大部分情況應該可以用了。

不能解決的例子：

p我是詭異的段落2333，但是我裡面竟然還有子標籤！b這裡是加黑的字666/b。span這裡是其它顏色12345的哈哈/span/p

如果是上面這樣的HTML，2333可能不會被加亮。。。畢竟p里還有內層標籤b和span。。。

JS中高亮層是什麼

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