易截截图软件、单文件、免安装、纯绿色、仅160KB

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


相关文档:

JavaScript 获取对象的高度和宽度详细说明

scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetL ......

javascript 控制 DIV等html元素的显示和隐藏

1
、编写
js
函数
<script
type="text/javascript">
    function display(id){
        var
traget=document.getElementById(id);
        
if(traget.style.display=="none"){
&nbs ......

HTML小处理收集

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body onselectstart="return false"> 取消选取、防止复制
3. onpaste="return false" 不准粘贴
4. oncopy=& ......

javascript 转换为UNIX时间戳,PHP可用

//转换为UNIX时间戳
function strtotimestamp(datestr)
{
    var new_str = datestr.replace(/:/g,"-");
    new_str = new_str.replace(/ /g,"-");
    var arr = new_str.split("-");
    var datum = new Date(Date. ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号