9个javascript语法高亮插件 推荐_javascript技巧

下面介绍的是一些纯javascript实现的语法高亮插件。

英文原文：http://www.webdesignbooth.com/9-useful-javascript-syntax-highlighting-scripts/

1. SyntaxHighlighter
我相信这个插件是我们使用多的，它支持超多的语言，如果遇到不支持的语法还支持自定义。

2. SHJS
SHJS 是js语法高亮插件的代表，它支持很多编程语言，兼容Firefox 2 &3, IE 6 & 7, Opera 9.6, Safari 3.2 &Chrome 1.0。

3. beautyOfCode
beautyOfCode 是一个基于jQuery的语法高亮插件，使用了Alex Gorbatchev的语法高亮脚本使它更贴近 XHTML标准。

4. Chili
Chili is也是基于jQuery的语法高亮插件，支持很多语言并且带很多可配置项。

5. Lighter.js
Lighter.js是基于MooTools的免费语法高亮插件， 简单易用。

6. Highlight.js
highlight.js 同样是简单易用，支持多数语言，它有很多可以跟CMS、论坛和博客整合的插件。

7. DlHighlight
DlHighlight是一款比较简单的高亮插件，仅支持JavaScript, CSS, XML, HTML。

8. Google Code Prettify
Google Code Prettify是谷歌出品的语法高亮插件，可以高亮html页面中的部分代码片段。

9. JUSH
JUSH是另外一个 jQuery语法高亮插件 ，支持HTML, CSS, PHP, PY 和 SQL。

时间： 2024-10-31 06:26:29

9个javascript语法高亮插件 推荐_javascript技巧的相关文章

2014最热门的JavaScript代码高亮插件推荐_javascript技巧

对于喜欢写技术博客的同学来说,一定对代码高亮组件非常熟悉.一款优秀的JavaScript代码高亮插件,将会帮助你渲染任何一种编程语言,包括一些关键字的着色,以及每行代码的缩进等.今天我们要来分享一些高性能的JavaScript代码高亮插件,这些JavaScript代码高亮插件将非常有效地帮你实现在网页上的代码编辑和展示. 1.SyntaxHighlighter – 最优秀的JavaScript代码高亮插件 SyntaxHighlighter 是一款完全基于JavaScript的代码高亮插件,Sy

SyntaxHighlighter语法高亮插件使用说明_javascript技巧

javascript语法高亮 复制代码 代码如下: (function(){ var el=document.getElementById("img"); var doc=document.documentElement,docBody=document.body; var oldY=(doc.scrollTop || docBody.scrollTop)+(doc.clientHeight/2 || docBody.clientHeight/2); (function(){ var

JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】[原创]_javascript技巧

本文实例讲述了JavaScript语法高亮库highlight.js用法.分享给大家供大家参考,具体如下: highlight.js是一款基于JavaScript的语法高亮库,目前支持125种编程语言,有63种可供选择的样式,而且能够做到语言自动识别,和目前主流的JS框架都能兼容,可以混合使用. 这款高亮库可以用在博客系统中,其使用方法及其简单,几乎不需要任何学习成本,下面介绍highlight.js的使用. 1.获取highlight.js库,用户可以从官网获取: 地址:https://hig

Javascript简写条件语句(推荐)_javascript技巧

经常在各处牛人的代码中看到许多简写的条件表达语句,看了一些介绍这方面的文章,觉得3 ways 2 say if这篇文章(http://www.thomasfrank.se/3_ways_2_say_if.html)还不错.在这篇文章中作者对传统的if...else....?:.&&/||三种条件表达的写法的特点及用处进行了总结归纳,简述如下: 1. if...else结构 // Set r to 0 or 1 var r= Math.floor(2*Math.random()) // Se

IE和Firefox之间在JavaScript语法上的差异_javascript技巧

尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了,但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的. 这篇文章中,我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面. 1. CSS "float" 属性 获取给定对象的特定 CSS 属性的基本语法是 object.style 属性,而且有连字符的属性要用骆驼命名法来代替.例如,获取一个 I

深入浅析javascript中的作用域(推荐)_javascript技巧

所谓的作用域,可以简单理解为一个可以读.写的范围(区域),有些js经验的同学可能会说:"js没有块级作用域",js除了全局作用域外,只有函数可以创建作用域.作用域的一个好处就是可以隔离变量. 我们通过一些例子来帮助我们理解js中的作用域. alert(a); var a = 1; 如果对作用域一点不了解的同学可能会说 alert的是1或者报错:但实际上是undefined: 说到这里,我们首先说一下js逐行解析代码之前做的一些准备工作, js在逐行读代码之前,会做一些"预解析

JavaScript新增样式规则(推荐)_javascript技巧

关键代码如下所示: <html> <head> <link rel="stylesheet" type="text/css" href="basic.css"> <script> window.onload=function(){ var sheet=document.styleSheets[0]; //[新增样式规则] // sheet.insertRule('.div1{font-size:16

Javascript小技能总结(推荐)_javascript技巧

废话不多说,直接上干货.. 具体代码如下所示: /* @@截取字符串长度,汉字算2个字符 @@return [string]+'...' */ var subString = function(str, len) { var newLength = 0; var newStr = ""; var chineseRegex = /[^\x00-\xff]/g; var singleChar = ""; var strLength = str.replace(chine

浅谈javascript语法和定时函数_javascript技巧

一.JavaScript基本语法. (一)数据类型与变量类型. 整数,小数,布局,字符串,日期时间,数组 强制转换: parseInt() parseFloat() isNaN() (二)数组 var 数组名 = new Array([长度]); //"假冒"数组 a.length-长度 a[下标] = 值. a[下标] (三)函数 复制代码 代码如下: function 函数名(形参) { } function ShowStr(a) { } 二.DOM操作 DOM - Documen