BlogJava-Java之旅-文章分类-JavaScripthttp://www.blogjava.net/hoocoral/category/18220.htmlRecord my Java-learning progress.zh-cnThu, 22 May 2008 02:41:48 GMTThu, 22 May 2008 02:41:48 GMT60[原创]Struts+Hibernate+Ajax简单例子http://www.blogjava.net/hoocoral/articles/202035.html胡昆荣胡昆荣Wed, 21 May 2008 13:48:00 GMThttp://www.blogjava.net/hoocoral/articles/202035.htmlhttp://www.blogjava.net/hoocoral/comments/202035.htmlhttp://www.blogjava.net/hoocoral/articles/202035.html#Feedback0http://www.blogjava.net/hoocoral/comments/commentRss/202035.htmlhttp://www.blogjava.net/hoocoral/services/trackbacks/202035.html阅读全文

胡昆荣 2008-05-21 21:48 发表评论
]]>经典正则表达式http://www.blogjava.net/hoocoral/articles/87701.html胡昆荣胡昆荣Thu, 14 Dec 2006 06:33:00 GMThttp://www.blogjava.net/hoocoral/articles/87701.htmlhttp://www.blogjava.net/hoocoral/comments/87701.htmlhttp://www.blogjava.net/hoocoral/articles/87701.html#Feedback0http://www.blogjava.net/hoocoral/comments/commentRss/87701.htmlhttp://www.blogjava.net/hoocoral/services/trackbacks/87701.html正则表达式用于字符串处理，表单验证等场合，实用高效，但用到时总是不太把握，以致往往要上网查一番。我将一些常用的表达式收藏在这里，作备忘之用。本贴随时会更新。

匹配中文字符的正则表达式： [\u4e00-\u9fa5]

匹配双字节字符(包括汉字在内)：[^\x00-\xff]

应用：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）

String.prototype.len=function(){return this.replace([^\x00-\xff]/g,"aa").length;}

匹配空行的正则表达式：\n[\s| ]*\r

匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/

匹配首尾空格的正则表达式：(^\s*)|(\s*$)

 

String.prototype.trim = function()
{
    return this.replace(/(^\s*)|(\s*$)/g, "");
}

利用正则表达式分解和转换IP地址：

下面是利用正则表达式匹配IP地址，并将IP地址转换成对应数值的Javascript程序：

function IP2V(ip)
{
 re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g  //匹配IP地址的正则表达式
if(re.test(ip))
{
return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1
}
else
{
 throw new Error("Not a valid IP address!")
}
}

不过上面的程序如果不用正则表达式，而直接用split函数来分解可能更简单，程序如下：

var ip="10.100.20.168"
ip=ip.split(".")
alert("IP值是："+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1))

匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*

匹配网址URL的正则表达式：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?

利用正则表达式去除字串中重复的字符的算法程序：[注：此程序不正确，原因见红色字体]

var s="abacabefgeeii"
var s1=s.replace(/(.).*\1/g,"$1")
var re=new RegExp("["+s1+"]","g")
var s2=s.replace(re,"")
alert(s1+s2)  //结果为：abcefgi

===============================
如果var s = "abacabefggeeii"
结果就不对了，结果为：abeicfgg
正则表达式的能力有限

我原来在CSDN上发贴寻求一个表达式来实现去除重复字符的方法，最终没有找到，这是我能想到的最简单的实现方法。思路是使用后向引用取出包括重复的字符，再以重复的字符建立第二个表达式，取到不重复的字符，两者串连。这个方法对于字符顺序有要求的字符串可能不适用。

得用正则表达式从URL地址中提取文件名的javascript程序，如下结果为page1

s="http://www.9499.net/page1.htm"
s=s.replace(/(.*\/){0,}([^\.]+).*/ig,"$2")
alert(s)

利用正则表达式限制网页表单里的文本框输入内容：

用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'''')" onbeforepaste="clipboardData.setData(''text'',clipboardData.getData(''text'').replace(/[^\u4E00-\u9FA5]/g,''''))"

用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'''')" onbeforepaste="clipboardData.setData(''text'',clipboardData.getData(''text'').replace(/[^\uFF00-\uFFFF]/g,''''))"

用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^\d]/g,'''') "onbeforepaste="clipboardData.setData(''text'',clipboardData.getData(''text'').replace(/[^\d]/g,''''))"

用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[\W]/g,'''') "onbeforepaste="clipboardData.setData(''text'',clipboardData.getData(''text'').replace(/[^\d]/g,''''))"



胡昆荣 2006-12-14 14:33 发表评论
]]>用JavaScript实现网页上的浮动广告http://www.blogjava.net/hoocoral/articles/86415.html胡昆荣胡昆荣Fri, 08 Dec 2006 09:39:00 GMThttp://www.blogjava.net/hoocoral/articles/86415.htmlhttp://www.blogjava.net/hoocoral/comments/86415.htmlhttp://www.blogjava.net/hoocoral/articles/86415.html#Feedback0http://www.blogjava.net/hoocoral/comments/commentRss/86415.htmlhttp://www.blogjava.net/hoocoral/services/trackbacks/86415.html

　　要做出浮动式广告的效果并不困难，如果你有JS基础的可以自己写一个，如果连写都懒得写的话，到网上下载一个特效工具，按提示粘贴一下代码就OK。不过，想要真正了解它是怎样做出来的，则需要掌握一些JS知识了。这里向大家介绍一下简单的浮动广告做法。

　　以下这段代码可放在<body></body>之间，其间我加入了一些注释（即“//”后的文字及“<!—”“-->”之间的文字）。
　　 <SCRIPT FOR=window EVENT=onload LANGUAGE="JScript">
　　 initAd();//载入页面后，调用函数initAd()
　　 </SCRIPT>
　　 <script language="JScript">
　　 <!--
　　 function initAd() {
　　 document.all.AdLayer.style.posTop = -200;//设置onLoad事件激发以后，广告层相对于固定后的y方向位置
　　 document.all.AdLayer.style.visibility = 'visible'//设置层为可见
　　 MoveLayer('AdLayer');//调用函数MoveLayer()
　　 }
　　 function MoveLayer(layerName) {
　　 var x = 600;//浮动广告层固定于浏览器的x方向位置
　　 var y = 300;//浮动广告层固定于浏览器的y方向位置
　　 var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40;
　　 var y = document.body.scrollTop + y - diff;
　　 eval("document.all." + layerName + ".style.posTop = y");
　　 eval("document.all." + layerName + ".style.posLeft = x");//移动广告层
　　 setTimeout("MoveLayer('AdLayer');", 20);//设置20毫秒后再调用函数MoveLayer()
　　 }
　　 //-->
　　 </script>
　　 <!--下面为一个ID为AdLayer的层（如ID名不为AdLayer，上面MoveLayer()内的AdLayer也要作相应修改），包括一张带链接的图片-->
　　 <div id=AdLayer style='position:absolute; width:61px; height:59px; z-index:20; visibility:hidden;; left: 600px; top: 300px'>
　　 <a href="http://www.5dmedia.com/bbs"><img src='../qqkk2000.gif' border="0" height="60" width="60"></a>
　　 </div>

　　在这里，你可以设置x、y的值来设定所固定层的位置，改变setTimeout("MoveLayer('AdLayer');", 20)中20的值为你希望调用MoveLayer()的时间间隔。还有要注意的是，使用的图片最好为透明背景的gif图，以使图片的背景颜色不至于遮住后面的的内容。

　　切记，要慎用浮动式广告，考虑使用特效的同时，千万要考虑到浏览者的感觉，不能滥用哦！



胡昆荣 2006-12-08 17:39 发表评论
]]>