Javascript实现html块语法高亮(搜索后关键字高亮)
dp.SyntaxHighlighter
dp.SyntaxHighlighter,这东西yahoo都在用它,支持多种语言。
只需要将代码放到<textarea>标签内,它就可以自动根据class指定的语言来对textarea内容进行着色,还提供了行号、打印等功能。如:
Xml代码
<TEXTAREA class=java name=code><br/> // code here ...<br/></TEXTAREA><BR>
Java代码 <br/> // code here ...<br/> <br/> // code here ...<br/>可以说是我目前所见最强大的一款js实现的语法高亮产品了。
不过存在个问题,在blogger.com编辑框里面无法使用<textarea>标签,所以我后来又写了段js代码,用来将<pre>转换成<textarea>。当然,绝大多数情况下,这点不成为问题。
Javascript code prettifier
这个东东是今天才在网上发现的,googlecode出品。它支持的语言也不少,功能也不错(当然,相比dp来说,还是弱了不少的),不过没有行号功能挺遗憾的。另外就是它用的是<pre>和<code>标签,看了下它的sample,里面是用id来区分代码语言的,这个貌似不是很好吧。
如:
Xml代码
<BR><CODE class=prettyprint id=javascript><BR>// code here...<BR></CODE><BR>
// code here...
Chili
以jQuery插件模式实现的代码高亮,实现方式及效果都要好于prettyprint,当然,与dp相比还是有着不小的差距,谁叫丫是最强呢。地址看这儿。
示例:Xml代码
<DIV class=ie_copy title="copy this snippet to the clipboard"><BR> copy all<BR></DIV><BR><PRE><BR> <CODE class=javascript><BR> alert( "Hello World!" );<BR> </CODE><BR></PRE>
============================pplive.com上实现的搜索后关键字高亮================
比如搜索关键字“蓝光”
<script type="text/javascript">
initSearchTextHighlight('jwsearchtxt', 16, ["蓝","光"]);
function initSearchTextHighlight(id, count, sss) {
var search
相关文档:
每一项都是js中的小技巧,但十分的实用!
1.document.write(""); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:document->html->(head,body)
4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById("表单中元素的 ......
<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title> JavaScript: xm ......
在程序员杂志上看到一篇短文《前端开发工具概览》。觉得很有实用价值。现总结如下:
一、调试工具
1.firebug
2.Web Developer Toolbar--调整页面的各个细节
3.IE Developer Toolbar--调试IE的HTML和CSS
4.Companion.JS--调试IE的Javascript
5.Fiddler--Web调试代理,记录本机到互联网的所有HTTP(S)请求。
二、测试工 ......
下面都是我收集的一些比较常用的正则表达式,因为平常可能在表单验证的时候,用到的比较多。特发出来,让各位朋友共同使用。呵呵。
匹配中文字符的正则表达式: [u4e00-u9fa5]
评注:匹配中文还真是个头疼的事,有了这个表达式就好办了
匹配双字节字符(包括汉字在内):[^x00-xff]
评注:可以用来计算字符串的长度(一个 ......
<html>
<head>
<base href="<%=basePath%>">
<script type="text/javascript">
function check(){
var name1 = document.form1.name1.value;
var passwor ......