<script charset="gbk" src="http://jsbaba.com/tool/lightcode/lc.js"></script>
<div style="border:1px solid #999;background:#eee;padding:6px;color:red;margin:16px 0;">
你可以点击鼠标右键进行修改代码后再加亮！
</div>
下面附上无敌加亮测试代码
<h3>js加亮</h3>
<textarea class="lang-js">
var a=12,b=[];//数字，关键字加亮
function func(){
var reg=/^\d+[-_]\d+\/\\/g;//正则加亮
var str='字符串""""\'jjj\\\\\'';//识别转义引号
var str2='字符串""""\'jjj\\\\';
}
/*多行注释
//html标签<p>jhjh</p>
*/
var $do='>',//html转义和关键字加亮
$function=function(){
return/123/;
};
aaa=12;
//下面为字符串除法运算
x='333'
/aaa/
6
alert(x)//下面为++运算符后的除法运算
aaa++/aaa/
444
//下为---后面的正则减法运算
aaa---/aaa/
'\'///*'
~/ssss[////]///其他前缀的正则
//下为除法运算，存在bug
444/**/
/3/
3
//此除法正确
444/**/
/3
//下为正则
a=/**/
/3/
4
//下面为摘自infinte 的无敌验证代码
// test 1
function myfun(id) {
/* this is mutilcomments "string" keyword: function */
var str = "this is a string, /*fasasdf*/ //fdsasdf /^reg/";
var reg = /^fdadfasdf$/ig;
return "myvalue"; // hahah
}
//test 2
if(str.match(/(?:(?:[!=(,:]|\[|\n)[ \t]*\/$)|^\n?[\t ]*\/$/)){}
//test 3
a = 1
b = 2
g = {test:function(){return 1}}
c = a//
/*
*/
/b/g.test();
alert(c);
// test 4
function t4(test) {
return (test/*
/* //
' "
{ ;
\*/ && // /* // " ' { ; \
test &&
" /* // \
\" ' \
{ ;" &&
' /* // \
" \' \
{ ;' &&
test);
}
// test 5
var rexT5 = /[/][+]([\S\s]*?)(?:[+][/]|$)|[/][/](.*)|"((?:\\"|[^"])*)"|'((?:\\'|[^'])*)'/g; //正则
var nu = 1/2/3 //这是除法
var str = "123//456".replace(/[/]/g,'')+1/2/3; //comment
var o=[/re/,(/re/),typeof /re/,function(){return /re/},'o' in /re/,1 / /re/,!/re/];
</textarea>
<h3>html加亮</h3>
<textarea class="lang-html">
<!doctype html>
<html>
<head>
<meta charset="gbk"/>
<title>语法加亮插件例子</title>
<style>
/*内嵌样式*/
h1{
padding:8px;margin:0;
border:1px solid #ddd;
}
</style>
<script src="http://jsbaba.com/tool/lightcode/lc.js"></script>
<script>
/*内嵌js*/
function hello(){
var txt=new Array('h','e','l','l','o');
onload=function(){
for(var i=0;i<txt.length;i++){
alert(txt[i]);
}
};
}
hello();
</script>
</head>
<body>
<div>
<h1 style="color:green;">html加亮例子</h1>
<!--<p>html注释</p>-->
</div>
</body>
</html>
</textarea>
分享到：
相关推荐
【描述】中的链接指向了一篇ITEYE博客，虽然具体内容没有给出，但可以推测博主分享了关于如何在网页中实现JavaScript代码高亮的方法。可能包括自定义的解决方案或使用第三方库来达到目的。 【标签】"源码"和"工具...
<title>JavaScript代码加亮 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.0/styles/default.min.css"> ...
"页面代码高亮度显示JS代码"是一个专门用于在网页上实现这一功能的JavaScript库。这种库通常会通过解析代码的语法结构，为不同的语言元素（如关键字、变量、字符串等）赋予不同的颜色或样式，从而提升代码的可读性。...
源代码加亮class （用了EditPlus stx文件） 可以替代PHP自带的highlight函数， HTML,JS,CSS在一起的时候效果并不理想 暂时加亮效果最理想的语言为HTML,Perl,PHP 。 使用方法： 1) 直接读源代码文件时 1. ...
在IT行业中，源代码加亮是一种常见的技术，用于在网页上展示编程代码时增强可读性和美观性。基于PHP的源代码加亮类，如"KindSyntax.zip"中提供的，通常是一个PHP类库，用于解析并高亮显示各种编程语言的源代码。这种...
一个基于JavaScript的代码编辑器，CodeMirror支持大量语言的语法高亮,也包括css,html,js等的高亮显示。此外，CodeMirror还支持代码自动完成、搜索/替换、HTML预览、行号、选择/搜索结果高亮、可视化tab、代码自动...
自己在IE和FF试过了js代码加亮效果，用了一段别人的压缩后的代码作为例子，受限制，删了一部分。 发现错误的大虾一定要留下测试用的代码啊！ 软件开发网 www.jb51.net #oTxt{ color:#333333; background-...
源代码加亮是编程领域中的常见需求，它能帮助开发者更清晰地阅读和理解代码，尤其在代码分享、教学或调试时更为重要。KindSyntax v1.0是一个专门为此目的设计的PHP类库，它能够对多种编程语言的源代码进行语法分析，...
《超实用的JavaScript代码段》基于实用、实践、前瞻性、学习的原则，笔者精选了近300段JavaScript代码和400种解决方案，覆盖了几乎所有的脚本处理模块， 程度地帮助读者学习、实践JavaScript的各个方面，让读者成为...
JavaScript脚本编辑软件是开发人员日常工作中不可或缺的工具，它为编写、调试和优化JavaScript代码提供了极大的便利。本文将深入探讨这款集成了多种语言语法加亮功能的编辑软件，包括JavaScript、HTML、CSS、...
SyntaxHighlighter是Alex Gorbatchev开发的一款JavaScript库，专门用于在网页上优雅地展示源代码。它支持多种编程语言，并且提供了丰富的自定义选项，如颜色主题、行号显示等。将SyntaxHighlighter集成到FCKeditor中...
"超实用的javascript代码段"是席新亮著作的一个资源集合，提供了许多实际开发中常用且高效的代码片段，对于学习和提升JavaScript编程技能非常有帮助。 一、基础语法与类型 JavaScript的基础语法包括变量声明（var、...
在本篇文章中，我们将深入探讨如何使用常见的编程语言，如JavaScript、Python或Java，来实现点击图片后使其变亮的效果。 首先，我们可以使用JavaScript，这是一个广泛应用于网页开发的脚本语言。在HTML中，我们可以...
在描述中，"超酷JS代码（另类版）"被重复提及，这可能意味着这份压缩包里的内容强调的是JavaScript的创新性和趣味性，开发者可能会在其中找到一些令人眼前一亮的代码片段。 标签"JS"明确指出讨论的核心是JavaScript...
本文将深入解析一段用于创建网页调色板的JavaScript代码，帮助理解其工作原理及如何在实际项目中应用。 #### 核心知识点概览： 1. **变量初始化**：定义了两个数组`ColorHex`和`SpColorHex`用于存储基本颜色值。 2...
总的来说，"星空特效代码js"是一个利用JavaScript实现的动态网页背景项目，通过学习和理解这段代码，开发者不仅可以提升JavaScript编程技能，还能掌握如何用代码创造视觉吸引力，提升网页用户体验。
2、既支持文件批量（重命名/覆盖） 精简化，又支持javascript代码字符串 精简化； 3、支持编码输入/输出文件编码指定； 4、带有 “最小化js输出行数” 选项（通过检测行尾是否以 ;结束， 如果不是则加上;去除换行符...
Node.js基于Chrome V8引擎，它将JavaScript代码编译为原生机器码，提供了高效的执行效率。Node.js的非阻塞I/O模型使得它在处理大量并发连接时表现出色，这也是它在开发网络应用，如Web服务器，API接口等时广泛使用的...