JS代码加亮

最新推荐文章于 2014-08-01 19:44:22 发布

selflylee

最新推荐文章于 2014-08-01 19:44:22 发布

阅读量125

点赞数

分类专栏： JS特效收集

本文链接：https://blog.csdn.net/selflylee/article/details/84129953

版权

JS特效收集专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<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='&gt;',//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');
        οnlοad=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>

selflylee

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS代码加亮

&lt;script charset="gbk" src="http://jsbaba.com/tool/lightcode/lc.js"&gt;&lt;/script&gt;&lt;div style="border:1px solid #999;background:#eee;padding:6px;color:red;margin:16px 0;"&gt;你可以点击鼠标..
复制链接

扫一扫