當前位置：首頁 » 網站代碼 » 代碼高亮js

代碼高亮js

發布時間: 2021-03-27 16:28:23

⑴ 寫js有沒有好的語法提示和顏色高亮的插件推薦

輕量級jQuery語法高亮代碼高亮插件jQuery Litelighter，擁有兩種主題顏色顯示代碼：light dark，並支持JS、html CSS 以及 PHP、SQL代碼語法高亮顯示

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

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

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

需要被替換的內容，必須是標簽里的內容，不能是屬性。比如，不能把<div width="100%" color="#12fe45">這里的100，12，45都不應該被替換。
需要被替換的內容，不能是<script>標簽里的內容（理所當然的吧）。比如<script>var a=123; xxx</script> 這里的123不應該被替換。

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

(functionhilightNumber(jqObj){
//不能替換script標簽里的數字
vardomObj=jqObj[0];
if(domObj.nodeName=="SCRIPT"){
return;
}
//如果標簽里有標簽，我們也不作替換，而是遞歸進去遍歷內層的標簽。
varchildren=jqObj.children();
if(children.length>0){
for(vari=0;i<children.length;i++){
hilightNumber($(children[i]));
}
}else{
//標簽里只有文字，沒有內層標簽的時候，才做替換，
//把123替換成帶顏色的標簽內包含123，就實現了高亮。
varhilightedHtml=jqObj.html().replace(/([+-]?[0-9]+(.[0-9]+)?)/g,"<spanstyle='background:yellow;'>$1</span>");
jqObj.html(hilightedHtml);
}
})($("body"));

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

不能解決的例子：

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

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

⑶ notepad++怎麼讓js代碼高亮顯示

np++ 只要你的文件名後綴是 .js 的，它就能自動識別為高亮

推薦你使用sublime text ，我見過的最好的文本編輯器，非常好用，非常好看！

⑷ 用JS將搜索的關鍵字高亮顯示實現代碼

用JS讓文章內容指定的關鍵字加亮
是這樣的..
現在有這些關鍵字:美容,生活,購物
當在文章里頭出現這些關鍵字,就把它加亮顯示..
文章是生成靜態頁面的,而這些關鍵字是能隨時更新的,所以我想用JS來實現...
不知道怎樣來實現這樣的功能啊?特此求助
復制代碼
代碼如下:
<script
language="JavaScript">
function
highlight(key)
{
var
key
=
key.split('|');
for
(var
i=0;
i<key.length;
i++)
{

var
rng
=
document.body.createTextRange();

while
(rng.findText(key[i]))

//rng.pasteHTML(rng.text.fontcolor('red'));

rng.pasteHTML('<div
style="border:1
solid
red;display:inline"><a
href="#"
title="+
rng.text
+">'
+
rng.text
+
'</a></div>');
}
}
highlight('文章|關鍵|功能')
</script>

⑸ chrome調試js，代碼塊無法高亮

谷歌瀏覽器升級到79版本後會出現這個問題，建議使用低版本。

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

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

⑺ eclipse js 插件名稱高亮顯示代碼塊，頁面大神，快降臨。

spket插件。

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

varmyNav=document.getElementById("nav").getElementsByTagName("a");

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

即找這裡面的超鏈接<a>：

....

</div>

for(vari=0;i<myNav.length;i++)//在所有超鏈接中循環遍歷
{
varlinks=myNav[i].getAttribute("href");//得到元素中的href內容（例如上面的1.html）
//alert(links)
//alert(myNav[i]);
varmyURL=document.location.href;//得到當前文件的URL
if(myURL.indexOf(links)!=-1)//如果當前URL與超鏈接的href內容相同
{
myNav[i].className="d";此超鏈接的類名設成d
}
}

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

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

⑼ 我火大啊。有沒有人告訴我這樣的高亮顯示,js代碼怎麼寫(鏈接是活的不是#)

$("a").hover(
function () {
$(this).css("background-color","darkpink"); // 滑鼠移入時的設置,這邊顏色請自訂回
},
function () {
$(this).css("background-color","lightpink"); // 滑鼠移出答時的設置,這邊顏色請自訂

}
)

閱讀全文

代碼高亮js

與代碼高亮js相關的閱讀推薦