BlogJava-table-文章分类-html and jshttp://www.blogjava.net/table/category/35161.htmlzh-cnSat, 23 Jan 2010 13:11:16 GMTSat, 23 Jan 2010 13:11:16 GMT60对比 javascript url编码 escape(), encodeURL(), encodeURIComponent() 区别http://www.blogjava.net/table/articles/308921.html小卓小卓Sun, 10 Jan 2010 08:07:00 GMThttp://www.blogjava.net/table/articles/308921.htmlhttp://www.blogjava.net/table/comments/308921.htmlhttp://www.blogjava.net/table/articles/308921.html#Feedback0http://www.blogjava.net/table/comments/commentRss/308921.htmlhttp://www.blogjava.net/table/services/trackbacks/308921.htmljavascript 常用的编码格式有：escape(), encodeURL(), encodeURIComponent() 区别如下：

escape() 方法：

采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格符对应的编码是%20。
不会被此方法编码的字符： @ * / +


encodeURI() 方法：

把URI字符串采用UTF-8编码格式转化成escape格式的字符串。
不会被此方法编码的字符：! @ # $& * ( ) = : / ; ? + '

encodeURIComponent() 方法：

把URI字符串采用UTF-8编码格式转化成escape格式的字符串。与encodeURI()相比，这个方法将对更多的字符进行编码，比如 / 等字符。所以如果字符串里面包含了URI的几个部分的话，不能用这个方法来进行编码，否则 / 字符被编码之后URL将显示错误。
不会被此方法编码的字符：! * ( ) '
因此，对于中文字符串来说，如果不希望把字符串编码格式转化成UTF-8格式的（比如原页面和目标页面的charset是一致的时候），只需要使用escape。如果你的页面是GB2312或者其他的编码，而接受参数的页面是UTF-8编码的，就要采用encodeURI或者encodeURIComponent。
另外，encodeURI/encodeURIComponent是在javascript1.5之后引进的，escape则在javascript1.0版本就有。


小卓 2010-01-10 16:07 发表评论
]]>javascript关闭窗口（兼容firefox，IE）http://www.blogjava.net/table/articles/267344.html小卓小卓Fri, 24 Apr 2009 05:35:00 GMThttp://www.blogjava.net/table/articles/267344.htmlhttp://www.blogjava.net/table/comments/267344.htmlhttp://www.blogjava.net/table/articles/267344.html#Feedback0http://www.blogjava.net/table/comments/commentRss/267344.htmlhttp://www.blogjava.net/table/services/trackbacks/267344.html方法一：

js 代码
  1. function CloseWin() //这个不会提示是否关闭浏览器   
  2. {   
  3. window.opener=null;   
  4. //window.opener=top;   
  5. window.open("","_self");   
  6. window.close();   
  7. }   
方法二：
open.html
js 代码
  1. function open_complex_self() {   
  2.   var obj_window = window.open('close.html', '_self');   
  3.   obj_window.opener = window;   
  4.   obj_window.focus();   
  5.  }   
close.html
js 代码
  1. window.close();  
另附：
//普通带提示关闭
function closeie(){ window.close(); }
//关闭IE6不提示 function closeie6(){ window.opener=null; window.close(); }
//关闭IE7不提示 function closeie7(){ window.open('','_top'); window.top.close(); }


javascript关闭窗口，可以用下面简单的代码：

<a href="javascript:self.close()">关闭窗口</a>

我在IE7下测试通过，但是firefox3.0却不行。
难道firefox不支持在href中直接写JavaScript？于是改成下面的样子：

<a href="javascript:alert('Hello World')">弹出窗口</a>

这次IE7和firefox下测试都通过。那就不是href中直接写JavaScript的原因了。
继续测试firefox怎么关闭自身窗口

改成了如下代码

<!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=utf-8" />
<script type="text/javascript">
<!--
    function windowClose(){
        //self.close();
        window.close();
    }
//-->
</script>
<title>js测试</title>
</head>
<a href="javascript:self.close()">关闭窗口</a><br />
<a href="javascript:alert('Hello World')">弹出窗口</a><br />
<a href="#" onclick="windowClose()">js函数关闭窗口</a>
<body>
</body>
</html>


还是不能关闭窗口。难道firefox不支持window的close属性？
那window对象的close方法能不能关闭open方法打开的窗口呢？

写下面两个html文件放在同一个文件夹下

1.open.html

<script type="text/javascript">
<!--
    function openWindow(){
        window.open("new.html","newWindow","width=200,height=100,toolbar=no");
    }
//-->
</script>
<a href="#" onclick="openWindow()">open函数打开新窗口</a><br />
<a href="new.html" target="_blank">超级链接在新窗口中打开新页面</a><br />
<a href="new.html" target="_parent">超级链接在父窗口中打开新页面</a>

2.new.html

<a href="javascript:window.close()">关闭窗口</a>
<a href="javascript:self.close()">关闭窗口</a>

用open方法和在"_blank"打开的可以在新窗口中关闭，而在"_parent"中打开的在firefox中还是关闭不

了

因此在firefox里用window的close方法时要注意他和IE不同的地方：在父窗口打开的页面是不能用close

方法关闭的。

然后去google搜了一下：之所以window.close在firefox不能使用，是因为firefox默认不能关闭用户打

开的网页，我们可以这样设置firefox：

打开firefox,在地址栏输入about:config

找到dom.allow_scripts_to_close_windows这项并改为true。

现在知道为什么了吧。那篇文章还有一段不错的内容，摘录如下：

众所周知,在javascript中window.close()是用来关闭窗口的，而且ie和firefox都是支持的。为了实现

用户对浏览器的绝对控制，ie中用close关闭非open打开的窗口时会弹出一个对话框询问用户。有时候我

们不希望再这样哆嗦，但是怎么去掉这个框呢，用下面的代码就可以了

<script   language="javascript"   type="text/javascript"> 
  
  function   closeWindow()   { 
  
  window.open('','_parent',''); 
  
  window.close(); 
  
  } 
  
  </script>   
  <a   href="javascript:closeWindow();">Close   Window</a>


参考文章：1.http://hi.baidu.com/suen_%CB%EF/blog/item/bedca57f8932480d28388a49.html
               2.http://blog.csdn.net/a9529lty/archive/2008/11/22/3351539.aspx


文章出处：DIY部落(http://www.diybl.com/course/1_web/javascript/jsjs/20090318/162531.html)



小卓 2009-04-24 13:35 发表评论
]]>http协议状态码的含义及解决方法http://www.blogjava.net/table/articles/256303.html小卓小卓Mon, 23 Feb 2009 09:43:00 GMThttp://www.blogjava.net/table/articles/256303.htmlhttp://www.blogjava.net/table/comments/256303.htmlhttp://www.blogjava.net/table/articles/256303.html#Feedback0http://www.blogjava.net/table/comments/commentRss/256303.htmlhttp://www.blogjava.net/table/services/trackbacks/256303.html当用户在防问Internet信息服务（IIS）的服务器上的内容时时，IIS服务器响应请求，会自动返回一个表示该请求的状态的数字代码,提供关于相关请求的状态信息。同样当搜索引擎蜘蛛在抓取的过程中，服务器也会相关的http状态码，通过了解http状态代码, 可以更详细的分析日志中的访问情况。

100 - 表示已收到请求的一部分，正在继续发送余下部分。

101 - 切换协议。

2xx - 成功　服务器成功地接受了客户端请求。

200 - 确定。客户端请求已成功。

201 - 已创建。

202 - 已接受。

203 - 非权威性信息。

204 - 无内容。

205 - 重置内容。

206 - 部分内容。

300 - 针对收到请求，服务器可执行多种操作。

301 - 永久移动转移，请求的内容已永久移动其他新位置。

302 - 临时移动转移，请求的内容已临时移动新的位置

304 - 未修改。自从上次请求后，请求的内容未修改过。

307 - 临时重定向。服务器目前从不同位置响应请求，但请求者应继续使用原有位置来进行以后的请求。

400 - 错误的请求。

401 - 访问被拒绝。IIS 定义了许多不同的 401 错误，它们指明更为具体的错误原因。这些具体的错误代码在浏览器中显示，但不在 IIS 日志中显示：

401.1 - 登录失败。

401.2 - 服务器配置导致登录失败。

401.3 - 由于 ACL 对资源的限制而未获得授权。

401.4 - 筛选器授权失败。

401.5 - ISAPI/CGI 应用程序授权失败。

401.7 - 访问被 Web 服务器上的 URL 授权策略拒绝。这个错误代码为 IIS 6.0 所专用。

403 - 禁止访问：IIS 定义了许多不同的 403 错误，它们指明更为具体的错误原因：

403.1 - 执行访问被禁止。

403.2 - 读访问被禁止。

403.3 - 写访问被禁止。

403.4 - 要求 SSL.

403.5 - 要求 SSL 128.

403.6 - IP 地址被拒绝。

403.7 - 要求客户端证书。

403.8 - 站点访问被拒绝。

403.9 - 用户数过多。

403.10 - 配置无效。

403.11 - 密码更改。

403.12 - 拒绝访问映射表。

403.13 - 客户端证书被吊销。

403.14 - 拒绝目录列表。

403.15 - 超出客户端访问许可。

403.16 - 客户端证书不受信任或无效。

403.17 - 客户端证书已过期或尚未生效。

403.18 - 在当前的应用程序池中不能执行所请求的 URL.这个错误代码为 IIS 6.0 所专用。

403.19 - 不能为这个应用程序池中的客户端执行 CGI.这个错误代码为 IIS 6.0 所专用。

403.20 - Passport 登录失败。这个错误代码为 IIS 6.0 所专用。

404 - 未找到请求的内容。

404.0 - 未找到文件或目录。

404.1 - 无法在所请求的端口上访问 Web站点。

404.2 - Web 服务扩展锁定策略阻止本请求。

404.3 - MIME 映射策略阻止本请求。

405 - 用来访问本页面的 HTTP 谓词不被允许（方法不被允许）

406 - 客户端浏览器不接受所请求页面的 MIME 类型。

407 - 要求进行代理身份验证。

412 - 前提条件失败。

413 - 请求实体太大。

414 - 请求 URI 太长。

415 - 不支持的媒体类型。

416 - 所请求的范围无法满足。

417 - 执行失败。

423 - 锁定的错误。

500 - 服务器内部错误。

500.12 - 应用程序正忙于在 Web 服务器上重新启动。

500.13 - Web 服务器太忙。

500.15 - 不允许直接请求 Global.asa.

500.16 - UNC 授权凭据不正确。这个错误代码为 IIS 6.0 所专用。

500.18 - URL 授权存储不能打开。这个错误代码为 IIS 6.0 所专用。

500.100 - 内部 ASP 错误。

501 - 服务器无法完成请求的功能。

502 - 服务器用作网关或代理服务器时收到了无效响应。

502.1 - CGI 应用程序超时。

502.2 - CGI 应用程序出错。

503 - 服务不可用。这个错误代码为 IIS 6.0 所专用。

504 - 网关超时。

505 - HTTP 版本不受支持。

英文版：
100：Continue
101：Switching Protocols
102：Processing
200：OK
201：Created
202：Accepted
203：Non-Authoriative Information
204：No Content
205：Reset Content
206：Partial Content
207：Multi-Status
300：Multiple Choices
301：Moved Permanently
302：Found
303：See Other
304：Not Modified
305：Use Proxy
306：(Unused)
307：Temporary Redirect
400：Bad Request
401：Unauthorized
402：Payment Granted
403：Forbidden
404：File Not Found
405：Method Not Allowed
406：Not Acceptable
407：Proxy Authentication Required
408：Request Time-out
409：Conflict
410：Gone
411：Length Required
412：Precondition Failed
413：Request Entity Too Large
414：Request-URI Too Large
415：Unsupported Media Type
416：Requested range not satisfiable
417：Expectation Failed
422：Unprocessable Entity
423：Locked
424：Failed Dependency
500：Internal Server Error
501：Not Implemented
502：Bad Gateway
503：Service Unavailable
504：Gateway Timeout
505：HTTP Version Not Supported
507：Insufficient Storage

常见的 HTTP 状态代码及其原因

200 - 成功。  IIS 已成功处理发送的请求。

304 - 未修改。 客户端请求的内容已在其缓存中，内容自缓存以来尚未被修改过。客户端使用内容的缓存副本，而不从服务器下载内容。

401.1 - 登录失败。 登录不成功，可能因为用户名或密码访问无效。

401.3 - 服务列表对资源的限制而未获得授权。 表示存在NTFS权限问题。或者对试图访问的文件具备相应的权限，也可能发生此错误。

403.1 - 执行访问被禁止。

下面是导致此错误信息的两个常见原因：

您没有足够的执行许可。例如，如果试图访问的 ASP 页所在的目录权限设为“无”，或者，试图执行的 CGI 脚本所在的目录权限为“只允许脚本”，将出现此错误信息。若要修改执行权限，请在 Microsoft 管理控制台 （MMC）中右击目录，然后依次单击属性和目录选项卡，确保为试图访问的内容设置适当的执行权限。

您没有将试图执行的文件类型的脚本映射设置为识别所使用的谓词（例如，GET 或 POST）。若要验证这一点，请在 MMC 中右击目录，依次单击属性、目录选项卡和配置，然后验证相应文件类型的脚本映射是否设置为允许所使用的谓词。

403.2 - 读访问被禁止。验证是否已将IIS设置为允许对目录进行读访问。另外，如果您正在使用默认文件，请验证该文件是否存在。

403.3 - 写访问被禁止。 验证IIS权限和NTFS限是否已设置以便向该目录授予写访问权。

403.4 - 要求 SSL.禁用要求安全通道选项，或使用 HTTPS 代替 HTTP 来访问该页面。

403.5 - 要求 SSL 128.禁用要求 128 位加密选项，或使用支持 128 位加密的浏览器以查看该页面。

403.6 - IP地址被拒绝。服务器配置拒绝访问您目前的IP地址。

403.7 - 要求客户端证书。您已把您的服务器配置为要求客户端身份验证证书，但您未安装有效的客户端证书。

403.8 - 站点访问被拒绝。您已为您用来访问服务器的域设置了域名限制。

403.9 - 用户数过多。与该服务器连接的用户数量超过了IIS设置的连接数。

403.12 - 拒绝访问映射表。 您要访问的页面要求提供客户端证书，但映射到您的客户端证书的用户 ID 已被拒绝访问该文件。

404 - 未找到。 发生此错误的原因是您试图访问的文件已被移走或删除。

500 - 内部服务器错误。 造成500错误常见原因有：ASP语法出错、ACCESS数据库连接语句出错、文件引用与包含路径出错、使用了服务器不支持的组件如FSO等

500.12 - 服务器错误:Web 服务器上的应用程序正在重新启动。 这表示您在 IIS 重新启动应用程序的过程中试图加载 ASP 页。刷新页面后，此信息即会消失。如果刷新页面后，此信息再次出现，可能是防病毒软件正在扫描 Global.asa 文件。

500-100.ASP - ASP 错误。 如果试图加载的 ASP 页中含有错误代码，将出现此错误信息。若要获得更确切的错误信息，请禁用友好 HTTP 错误信息。默认情况下，只会在默认 Web 站点上启用此错误信息。

502 - 网关错误。 如果试图运行的 CGI 脚本不返回有效的 HTTP 标头集，将出现此错误信息。

1、错误号401.1 - 未经授权：访问由于凭据无效被拒绝。由于用户匿名访问使用的账号（默认是IUSR_机器名）被禁用，或者没有权限访问计算机，将造成用户无法访问。

解决方案：

（1）查看IIS管理器中站点安全设置的匿名帐户是否被禁用，如果是，请尝试用以下办法启用：

控制面板->管理工具->计算机管理->本地用户和组，将IUSR_机器名账号启用。如果还没有解决，请继续下一步。

（2）查看本地安全策略中，IIS管理器中站点的默认匿名访问帐号或者其所属的组是否有通过网络访问服务器的权限，如果没有尝试用以下步骤赋予权限：

开始->程序->管理工具->本地安全策略->安全策略->本地策略->用户权限分配，双击“从网络访问此计算机”，添加IIS默认用户或者其所属的组。

注意：一般自定义 IIS默认匿名访问帐号都属于组，为了安全，没有特殊需要，请遵循此规则。

2、错误号401.2 HTTP 错误 401.2 - 未经授权：访问由于服务器配置被拒绝。原因：关闭了匿名身份验证

解决方案：

运行inetmgr，打开站点属性->目录安全性->身份验证和访问控制->选中“启用匿名访问”，输入用户名，或者点击“浏览”选择合法的用户，并两次输入密码后确定。

3、错误号：401.3 HTTP 错误 401.3 - 未经授权：访问由于 ACL 对所请求资源的设置被拒绝。

原因：IIS匿名用户一般属于Guests组，而我们一般把存放网站的硬盘的权限只分配给administrators组，这时候按照继承原则，网站文件夹也只有administrators组的成员才能访问，导致IIS匿名用户访问该文件的NTFS权限不足，从而导致页面无法访问。

解决方案：给IIS匿名用户访问网站文件夹的权限，方法：进入该文件夹的安全选项，添加IIS匿名用户，并赋予相应权限，一般是读、写。



小卓 2009-02-23 17:43 发表评论
]]>Javascript实现评估用户输入密码的强度http://www.blogjava.net/table/articles/255302.html小卓小卓Wed, 18 Feb 2009 08:31:00 GMThttp://www.blogjava.net/table/articles/255302.htmlhttp://www.blogjava.net/table/comments/255302.htmlhttp://www.blogjava.net/table/articles/255302.html#Feedback0http://www.blogjava.net/table/comments/commentRss/255302.htmlhttp://www.blogjava.net/table/services/trackbacks/255302.html

什么是一个安全的密码呢?本程序按以下的方式进行评估.

1.如果密码少于5位,那么就认为这是一个弱密码.

2.如果密码只由数字、小写字母、大写字母或其它特殊符号当中的一种组成,则认为这是一个弱密码.

3.如果密码由数字、小写字母、大写字母或其它特殊符号当中的两种组成,则认为这是一个中度安全的密码.

4.如果密码由数字、小写字母、大写字母或其它特殊符号当中的三种以上组成,则认为这是一个比较安全的密码.

具体程序如下(演示地址:www.netInter.cn/reg):



小卓 2009-02-18 16:31 发表评论
]]>常备JS操作http://www.blogjava.net/table/articles/255301.html小卓小卓Wed, 18 Feb 2009 08:27:00 GMThttp://www.blogjava.net/table/articles/255301.htmlhttp://www.blogjava.net/table/comments/255301.htmlhttp://www.blogjava.net/table/articles/255301.html#Feedback0http://www.blogjava.net/table/comments/commentRss/255301.htmlhttp://www.blogjava.net/table/services/trackbacks/255301.html阅读全文

小卓 2009-02-18 16:27 发表评论
]]>神奇的代码http://www.blogjava.net/table/articles/255299.html小卓小卓Wed, 18 Feb 2009 08:18:00 GMThttp://www.blogjava.net/table/articles/255299.htmlhttp://www.blogjava.net/table/comments/255299.htmlhttp://www.blogjava.net/table/articles/255299.html#Feedback0http://www.blogjava.net/table/comments/commentRss/255299.htmlhttp://www.blogjava.net/table/services/trackbacks/255299.html 只要你在IE浏览器任意打开一个网站，然后在浏览器上输入如下代码

代码如下
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
然后回车，你就可以随心所欲的修改这个网站啦！
想想google的页面被自己改得面目全非，是不是过足了黑客瘾啊！

输入如下代码，将退出编辑状态!
javascript:document.body.contentEditable='false'; void 0

注：以上代码纯属娱乐


小卓 2009-02-18 16:18 发表评论
]]>frameset使用技巧http://www.blogjava.net/table/articles/246383.html小卓小卓Mon, 15 Dec 2008 03:56:00 GMThttp://www.blogjava.net/table/articles/246383.htmlhttp://www.blogjava.net/table/comments/246383.htmlhttp://www.blogjava.net/table/articles/246383.html#Feedback0http://www.blogjava.net/table/comments/commentRss/246383.htmlhttp://www.blogjava.net/table/services/trackbacks/246383.html

■ 框架标记：
         <FRAMESET>
         <FRAME>
　　<NOFRAMES>
　　<IFRAME>

■ 框架概念 ：
　　谓框架便是网页画面分成几个框窗，同时取得多个 URL。只需要 <FRAMESET> <FRAME> 即可，面所有框架标记需要放在一个总起的 html 档，这个档案只记录了该框架如何分割 ，不会显示任何资料，所以不必放入 <BODY> 标记，浏览这框架必须读取这档案 面不是其他框窗的档案。<FRAMESET> 是用来划分框窗，每一窗框由一个 <FRAME> 标 记所标示，<FRAME>必须在 <FRAMESET> 范围中使用。如下例：

　　<frameset cols="50%,*">
               <frame name="hello" src="up2u.html">
               <frame name="hi" src="me2.html">
　　</frameset>

　　此例中 <FRAMESET> 把画面分成左右两相等部分，左便是显示 up2u.html，右边则会显示 me2.html 这档案，<FRAME> 标记所标示的框窗永远是按由上而下、由左至右的次序。

<frame>属性：
         name="..."定义帧的名字
　　scr="..."定义在帧中显示的内容的来源
　　frameborder="..."定义帧之间的边界(0或1)
　　margwidth="..."设置帧的边界和其中内容之间的间距
　　margheight="..."设置帧的边界和其中内容之间的间距化
　　noresize="..."使帧的尺寸不能变
　　scrolling="..."设置滚动条的表示方式(auto, yes, no)

<frameset>属性：
         rows="..."设定行的数目
　　cols="..."设定列的数目
　　onload="..."当载入文档时的内部事件触发器
　　onunload="..."当卸载文档时的内部事件触发器

frameset大致还有如下效果参数：

COLS="90,*"
垂直切割画面(如分左右两个画面)，接受整数值、百分数， * 则代表占用剩余的空间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS="30,*,50%" 可以切成三个视窗，第一个视窗是 30 pixels 的宽度，为一绝对分割，第二个视窗是当分配完第一及第三个视窗后剩下的空间，第三个视窗则占整个视窗画面的 50% 宽度为一相对分割。你可自己调整数字。  

ROWS="120,*"
这是横向切割，将画面上下分开，数值设定同上。 COLS 与 ROWS 两参数尽量不要放在同一个 <FRAMESET> 标记中，因 Netacape 偶然不能显示这类型的框架，尽量采用多重分割，如以上各例。

frameborder="0"
设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。  

border="0"
设定框架的边框厚度，以 pixels 为单位。  

bordercolor="#008000"
设定框架的边框颜色。颜色值请参考【调色原理】。  

framespacing="5"
表示框架与框架间保留的空白的距离。

frame大致还有如下效果参数：

SRC="a.html"
设定此框窗中要显示的网页档案名称，每个框窗一定要对应一个网页档案。

NAME="top"
设定这个框窗的名称，这样才能指定框架来作链接，必须但任意命名。  

frameborder=0
设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要边框。  

framespacing="6"
表示框架与框架间的保留的空白的距离。  

bordercolor="#008000"
设定框架的边框颜色。  

scrolling="Auto"
设定是否要显示卷轴，YES 表示要显示卷轴，NO 表示无论如何都不要显示卷轴，AUTO 视情况而定。

noresize
设定不让使用者可以改变这个框框的大小，如没有设定此参数，使用者可随意地拉动框架改变其大小。  

marginhight=5
表示框架高度部分边缘所保留的空间。  

marginwidth=5
表示框架宽度部分边缘所保留的空间。




小卓 2008-12-15 11:56 发表评论
]]>正则表达式过滤HTML危险脚本http://www.blogjava.net/table/articles/246379.html小卓小卓Mon, 15 Dec 2008 03:50:00 GMThttp://www.blogjava.net/table/articles/246379.htmlhttp://www.blogjava.net/table/comments/246379.htmlhttp://www.blogjava.net/table/articles/246379.html#Feedback0http://www.blogjava.net/table/comments/commentRss/246379.htmlhttp://www.blogjava.net/table/services/trackbacks/246379.html在做一些网站（特别是bbs之类）时，经常会有充许用户输入html样式代码，却禁止脚本的运行的需求, 以达到丰富网页样式，禁止恶意代码的运行。
当然不能用 htmlencode 和 htmldecode 方法,因为这样连基本的html代码会被禁止掉。
我在网上搜索，也没有找到好的解决办法，倒是收集了一些脚本攻击的实例：
1. <script>标记中包含的代码
2. <a href=javascript:...中的代码
3. 其它基本控件的 on...事件中的代码
4. iframe 和 frameset 中载入其它页面造成的攻击
有了这些资料后，事情就简单多了，写一个简单的方法，用正则表达式把以上符合几点的代码替换掉:
public string wipescript(string html)
{
system.text.regularexpressions.regex regex1 = new system.text.regularexpressions.regex(@"<script[\s\s]+</script *>",system.text.regularexpressions.regexoptions.ignorecase);
system.text.regularexpressions.regex regex2 = new system.text.regularexpressions.regex(@" href *= *[\s\s]*script *:",system.text.regularexpressions.regexoptions.ignorecase);
system.text.regularexpressions.regex regex3 = new system.text.regularexpressions.regex(@" on[\s\s]*=",system.text.regularexpressions.regexoptions.ignorecase);
system.text.regularexpressions.regex regex4 = new system.text.regularexpressions.regex(@"<iframe[\s\s]+</iframe *>",system.text.regularexpressions.regexoptions.ignorecase);
system.text.regularexpressions.regex regex5 = new system.text.regularexpressions.regex(@"<frameset[\s\s]+</frameset *>",system.text.regularexpressions.regexoptions.ignorecase);
html = regex1.replace(html, ""); //过滤<script></script>标记
html = regex2.replace(html, ""); //过滤href=javascript: (<a>) 属性
html = regex3.replace(html, " _disibledevent="); //过滤其它控件的on...事件
html = regex4.replace(html, ""); //过滤iframe
html = regex5.replace(html, ""); //过滤frameset
return html;
}
此方法输入可能包含脚本的html代码，返回则就是干净的代码了。

小卓 2008-12-15 11:50 发表评论
]]>CSS滤镜简要http://www.blogjava.net/table/articles/246378.html小卓小卓Mon, 15 Dec 2008 03:48:00 GMThttp://www.blogjava.net/table/articles/246378.htmlhttp://www.blogjava.net/table/comments/246378.htmlhttp://www.blogjava.net/table/articles/246378.html#Feedback0http://www.blogjava.net/table/comments/commentRss/246378.htmlhttp://www.blogjava.net/table/services/trackbacks/246378.htmlCSS滤镜属性表：

滤镜效果 描述
Alpha 设置透明度
Blru 建立模糊效果
Chroma 把指定的颜色设置为透明
DropShadow 建立一种偏移的影象轮廓，即投射阴影
FlipH 水平反转
FlipV 垂直反转
Glow 为对象的外边界增加光效
Grayscale 降低图片的彩色度
Invert 将色彩、饱和度以及亮度值完全反转建立底片效果
Light 在一个对象上进行灯光投影
Mask 为一个对象建立透明膜
Shadow 建立一个对象的固体轮廓，即阴影效果
Wave 在X轴和Y轴方向利用正弦波纹打乱图片
Xray 只显示对象的轮廓

1、Alpha 滤镜   

   语法：{FILTER：ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,
starty=starty,finishx=finishx,finishy=finishy)}

2、Blur 滤镜

语法：对于HTML：{filter:blur(add=add,direction=direction,strength=strength)}
            对于Script语言： [oblurfilter=] object.filters.blur
           模糊效果

3、FlipH, FlipV 滤镜

语法：{filter:filph} ,{filter:filpv} 分别是水平反转和垂直反转

4、Chroma 滤镜

语法：{filter:chroma(color=color)}
         使用”Chroma"属性可以设置一个对象中指定的颜色为透明色，参数COLOR即要透明的颜色。下面是兰色文字，然后用Chroma 滤镜过滤掉兰色，就成了下面的样子。

5、DropShadow 滤镜

语法：{filter:dropshadow(color=color,offx=ofx,offy=offy,positive=positive)}
        “DropShaow"顾名思义就是添加对象的阴影效果。

6、Glow 滤镜

语法：{filter:glow(color=color,strength)}
当对一个对象使用"glow"属性后，这个对象的边缘就会产生类似发光的效果。“COLOR”是指定发光的颜色，“STRENGTH”则是强度的表现，可以从1到255之间的任何整数来指定这个力度。如filter:glow(color=red,strength=10)

7、Gray ,Invert,Xray 滤镜

语法：{filter:gray} ,{filter:invert},{filter:xray}

Gray滤镜是把一张图片变成灰度图；Invert滤镜是把对象的可视化属性全部翻转，包括色彩、饱和度、和亮度值；Xray滤镜是让对象反映出它的轮廓并把这些轮廓加亮，也就是所谓的“X”光片。

8、Light    滤镜

语法：Filter{light}

这个属性模拟光源的投射效果。一旦为对象定义了“LIGHT"滤镜属性，那么就可以调用它的“方法(Method)"来设置或者改变属性。

9、Mask 滤镜

语法：{filter:mask(color=color)}

使用"MASK"属性可以为对象建立一个覆盖于表面的膜，其效果就象戴者有色眼镜看物体一样。

10、Shadow 滤镜

语法：{filter:shadow(color=color,direction=direction)}

11、Wave 滤镜：

       语法：{filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)}
           "wave" 属性把对象按垂直的波形样式打乱。默认是“TRUE（非0）”，
         “ADD”表示是否要把对象按照波形样式打乱，
           “FREQ”是波纹的频率，也就是指定在对象上一共需要产生多少个完整的波纹，
          “LIGHTSTRENGTH”参数可以对于波纹增强光影的效果，范围0----100，
         “PHASE”参数用来设置正弦波的偏移量。
          “STRENGTH”代表振幅大小。

小卓 2008-12-15 11:48 发表评论
]]>div的定位问题http://www.blogjava.net/table/articles/246377.html小卓小卓Mon, 15 Dec 2008 03:47:00 GMThttp://www.blogjava.net/table/articles/246377.htmlhttp://www.blogjava.net/table/comments/246377.htmlhttp://www.blogjava.net/table/articles/246377.html#Feedback0http://www.blogjava.net/table/comments/commentRss/246377.htmlhttp://www.blogjava.net/table/services/trackbacks/246377.html      大家都知道，为了让网页能够自动地适应用户设置的分辨率，在网页制作过程中人们采用了百分比的设置方式，从而页面的所有元素从新排版，保证原来的格式。但如果你在页面上使用了层，你会发现当浏览器大小改变时，层的位置却没有改变，结果它和其他的元素之间的配合出现了错位现象，页面变得杂乱无章了。而我们是不能够强制用户使用特定的分辨率的，那么就只有想办法让层的位置也能够象表格一样根据浏览器大小的改变而重新定位，这就需要合理地使用相对定位和绝对定位了。

      绝对定位（position:absolute）：即层默认的定位方式，绝对于浏览器左上角的边缘开始计算定位数值。

      相对定位（position:relative）：层的位置相对于某个元素设置，该元素位置改变，则层的位置相应改变。

      对比两种定位方式，不难发现，使用相对定位的层才是真正实现设计者思想的方式，从而完全掌握层的排版。

       绝对定位有没有用呢？当然有用了，当你的网页全部使用层来排版，而且页面是使用默认的居左放置的，那么使用默认的绝对定位方式可以方便的排版，提高设计的工作效率。

       在Dreamweaver中，插入的层虽然都是使用的绝对（absolute）定位方式，但是插入的方式不同，带来的效果是不同的。前面我们已经知道，使用菜单插入的层是没有定位的坐标的，只有当你使用鼠标拖动该层改变其位置后，才会写入坐标值。而拖拉出来的层的初始位置坐标就是鼠标开始动作时的坐标。

       请明确一个概念：由Dreanweaver赋予坐标值的层是绝对于浏览器边缘定位的层。不带坐标值的层则是相对于某元素定位的层！

       所以，最简单的设置相对定位层的的方式就是：选定插入层的位置（例如某个单元格或者页面中某处）将光标停留在该位置，然后选择Insert-->Layer，即可在该位置创建一个固定大小的层，这个层就是相对于该位置定位的了。需要注意，采用这种方式创建的层，你只可以使用鼠标调整它的大小，绝对不可以移动它的位置！也就是说，在属性面板上，层的位置栏中（Left Top）绝对不可以有数值。

       很多情况下，插入的层的位置并不一定准确，特别是Dreamweaver并非真正的所见即所得的软件，网页的排版只有到浏览器中显示才可以真正看到排版的表现，所以上面所说的方法就显的过于简单而容易出问题了。这个时候，你需要给层一个定位的参照物，让它真正地做到相对的定位。

       简单的参照物可以是一个父层，即先插入一个相对定位的空白的层，在此层中插入你真正需要的层，而这个层是可以随意拖拉改变位置的。但这样毕竟在网页中多插入了一个空白的层，我想它一定不是专业的网页设计师所希望的。下面我们介绍使用CSS来实现真正的相对定位的层。

       我们需要先设置一个CSS Class，来定义定位的方式为相对：

      .ceng { position: relative; }
      然后，赋予你所需要的参照物（可以是 table,tr,td... ）一个 CSS属性为这个类。这样浏览器就会以它的左上角为原点，建立新的坐标系。再在这个参照物的下级插入层，则层绝对于该参照物定位，如果你需要改变层的位置，你可以直接在层的属性面板上输入Left Top的数值（不可以使用鼠标拖拉），切记此数值的坐标原点是你所指定的参照物，而不是浏览器的边缘（在Dreamweaver中编辑时，该层看起来象是绝对于页面边缘定位的，但在浏览器中，它是绝对于你所指定的参照物的）。

      很多朋友使用层是为了等到动态的效果，例如使用时间线让某个物体运动起来，增加网页的动感，那么相对定位后的层还可以运动吗？回答当然是肯定的。由于定义对象的两个位置需要拖动该对象改变位置，所以使用简单的层定位的方法是不行的，但如果你使用CSS来设置相对定位的效果的话，那么就完全可以实现了。只是需要注意，定义运动的初始位置和结束位置时，你仍然不可以使用鼠标拖拉，而只能自行输入Left和Top的数值。



小卓 2008-12-15 11:47 发表评论
]]>IE浏览器图片乱飞代码http://www.blogjava.net/table/articles/246376.html小卓小卓Mon, 15 Dec 2008 03:46:00 GMThttp://www.blogjava.net/table/articles/246376.htmlhttp://www.blogjava.net/table/comments/246376.htmlhttp://www.blogjava.net/table/articles/246376.html#Feedback0http://www.blogjava.net/table/comments/commentRss/246376.htmlhttp://www.blogjava.net/table/services/trackbacks/246376.html在带图的IE地址栏中输如下代码：

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5); void(0);

好玩不？



小卓 2008-12-15 11:46 发表评论
]]>层的绝对居中应用http://www.blogjava.net/table/articles/246374.html小卓小卓Mon, 15 Dec 2008 03:36:00 GMThttp://www.blogjava.net/table/articles/246374.htmlhttp://www.blogjava.net/table/comments/246374.htmlhttp://www.blogjava.net/table/articles/246374.html#Feedback0http://www.blogjava.net/table/comments/commentRss/246374.htmlhttp://www.blogjava.net/table/services/trackbacks/246374.html1、利用负边距方法，绝对定位使容器相对屏幕绝对居中，此时的被嵌套容器只能为绝对大小。（标准）
<div style="background:#f00; width:740px; height:340px; left:50%; margin:-170px 0 0 -370px; position:absolute; top:50%;"></div>

2、老外给出的另类方法，巧妙利用display:inline-block;，IE6.0测试通过。（标准）

注意height:100%是关键,edge与container没有嵌套关系：

<style>
body { margin:0; height:100%;}
#edge { width:0; height:100%; display:inline-block; vertical-align:middle;}
#container { text-align:center; width:100%; display:inline-block; vertical-align:middle;}
</style>

<!-- required for xhtml1.1 validation only -->
<span id="edge"></span>
<span id="container">
   <div style="width:200px; height:50px; background:#f00; line-height:50px;">仅IE6.0环境下实现</div>
</span>

还有不介绍了...



小卓 2008-12-15 11:36 发表评论
]]>页面字体放大放小http://www.blogjava.net/table/articles/246372.html小卓小卓Mon, 15 Dec 2008 03:33:00 GMThttp://www.blogjava.net/table/articles/246372.htmlhttp://www.blogjava.net/table/comments/246372.htmlhttp://www.blogjava.net/table/articles/246372.html#Feedback0http://www.blogjava.net/table/comments/commentRss/246372.htmlhttp://www.blogjava.net/table/services/trackbacks/246372.html<script>
function turnnum(m) {
var o1=document.all('num');
var o2=document.all('txt');
i=parseInt(o1.value);
if (m!=0) i++;
else i--;
o1.value=i.toString(10);
eval('o2.style.fontSize="'+o1.value+'px"')}
</script>

<div id=txt style="line-height:18px;text-indent: 0px;font-size:12px;">
请您用下面的按钮加减这段文字的text-indent属性的值（单位是px）。看一看会发生什么，然后您就会明白这个属性的意义。</div>
<div style="background:#CCCCCC;height:24px;padding:2px;">
<input id=num type=text value="0" size=19 readonly>&nbsp;
<input type=button value="&nbsp;+&nbsp;" onclick="turnnum(9)">&nbsp;
<input type=button value="&nbsp;-&nbsp;" onclick="turnnum(0)">
</div>



小卓 2008-12-15 11:33 发表评论
]]>ajax检测用户名（email格式的用户名）http://www.blogjava.net/table/articles/246370.html小卓小卓Mon, 15 Dec 2008 03:31:00 GMThttp://www.blogjava.net/table/articles/246370.htmlhttp://www.blogjava.net/table/comments/246370.htmlhttp://www.blogjava.net/table/articles/246370.html#Feedback0http://www.blogjava.net/table/comments/commentRss/246370.htmlhttp://www.blogjava.net/table/services/trackbacks/246370.html<input name=email class=clear_input id=email maxlength="50" value="<%=email%>" onBlur="javascript:checkEnglish()"/>
<span id=reg_email_error style="DISPLAY: none">ReadyState</span>

function checkEnglish(){
if (!CheckIfEnglish(document.insertForm.email.value )) {
   alert("请输入数字，字母和下划线！");
   document.insertForm.email.value="";
   document.insertForm.email.focus();
   return false;
}
else {
   doCheck();
   return true;
}
}

function CheckIfEnglish( String ){
      var Letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890-_";
      var i;
      var c;
     if(String.charAt( 0 )=='-')
        return false;
     if( String.charAt( String.length - 1 ) == '-' )
           return false;
     for( i = 0; i < String.length; i ++ ){
           c = String.charAt( i );
           if (Letters.indexOf( c ) < 0)
           return false;
     }
     return true;
}

ajax.js

//定义XMLHttpRequest对象实例
var http_request = false;
//定义可复用的http请求发送函数
function send_request(method,url,content,responseType,callback) {//初始化、指定处理函数、发送请求的函数
     http_request = false;
     //开始初始化XMLHttpRequest对象
     if(window.XMLHttpRequest) { //Mozilla 浏览器
         http_request = new XMLHttpRequest();
         if (http_request.overrideMimeType) {//设置MiME类别
             http_request.overrideMimeType("text/xml");
         }
     }
     else if (window.ActiveXObject) { // IE浏览器
         try {
             http_request = new ActiveXObject("Msxml2.XMLHTTP");
         } catch (e) {
             try {
                 http_request = new ActiveXObject("Microsoft.XMLHTTP");
             } catch (e) {}
         }
     }
     if (!http_request) { // 异常，创建对象实例失败
         window.alert("不能创建XMLHttpRequest对象实例.");
         return false;
     }
     if(responseType.toLowerCase()=="text") {
         //http_request.onreadystatechange = processTextResponse;
         http_request.onreadystatechange = callback;
     }
     else if(responseType.toLowerCase()=="xml") {
         //http_request.onreadystatechange = processXMLResponse;
         http_request.onreadystatechange = callback;
     }
     else {
         window.alert("响应类别参数错误。");
         return false;
     }
     // 确定发送请求的方式和URL以及是否异步执行下段代码
     if(method.toLowerCase()=="get") {
         http_request.open(method, url, true);
     }
     else if(method.toLowerCase()=="post") {
         http_request.open(method, url, true);
         http_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
     }
     else {
         window.alert("http请求类别参数错误。");
         return false;
     }
     http_request.send(content);
}
// 处理返回文本格式信息的函数
function processTextResponse() {
     if (http_request.readyState == 4) { // 判断对象状态
         if (http_request.status == 200) { // 信息已经成功返回，开始处理信息
             //alert(http_request.responseText);
             alert("Text文档响应。");
         } else { //页面不正常
             alert("您所请求的页面有异常。");
         }
     }
}
//处理返回的XML格式文档的函数
function processXMLResponse() {
     if (http_request.readyState == 4) { // 判断对象状态
         if (http_request.status == 200) { // 信息已经成功返回，开始处理信息
             //alert(http_request.responseXML);
             alert("XML文档响应。");
         } else { //页面不正常
             alert("您所请求的页面有异常。");
         }
     }
}

function doCheck() {
      var f = document.forms[0];
         if(f.email.value!="") {
             document.getElementById("reg_email_error").innerHTML = "系统正在处理您的请求，请稍后。";
             send_request("GET","checkUsername.jsp?email="+f.email.value,null,"text",showFeedbackInfo);
         }
         else {
             document.getElementById("reg_email_error").innerHTML = "请输入用户名称。";
         }    
}

checkUsername.jsp

<%@ page contentType="text/html; charset=gbk"%>
<%@ page import="com.beyoung.blog.hql.admin.huiyuangguanli.HuiyuangguanliHql" %>
<%@ page import="com.beyoung.blog.bean.Huiyuangguanli" %>
<%@ page import="com.beyoung.blog.util.strDate.PubFun" %>
<%
String name=request.getParameter("email");
name=PubFun.toGBK(name);
System.out.println(name);
System.out.println(" :"+HuiyuangguanliHql.getHuiyuangguanliHql().getHuiyuangguanliKey(name));
if(!HuiyuangguanliHql.getHuiyuangguanliHql().getHuiyuangguanliKey(name)){  
   out.println("<font color='#FF0000'>用户名称["+name+"]已占用!</font>");
}
else{
out.println("<font color='#088EOF'>用户名称["+name+"]尚未被注册，您可以继续。</font>");
}
%>



小卓 2008-12-15 11:31 发表评论
]]>jsp ajax 延迟加载..http://www.blogjava.net/table/articles/246344.html小卓小卓Mon, 15 Dec 2008 02:43:00 GMThttp://www.blogjava.net/table/articles/246344.htmlhttp://www.blogjava.net/table/comments/246344.htmlhttp://www.blogjava.net/table/articles/246344.html#Feedback0http://www.blogjava.net/table/comments/commentRss/246344.htmlhttp://www.blogjava.net/table/services/trackbacks/246344.html<html>
<script language="javascript">
function aaa(){
setTimeout("showComment('<%=request.getParameter("userid")%>')",5000) ;    //延迟加载
}
function showVistor(){
document.getElementById("objID").innerHTML="加载完毕";
}
function showComment(userid){
var ajaxobj=new AJAX();
ajaxobj.method="GET";
ajaxobj.url="blogProcess.jsp?action=showComment&userid="+userid;
ajaxobj.callback=function(){
    $F("commentcon",ajaxobj.gettext());
}     
ajaxobj.send();
}
function $F(objID,html){
$(objID).innerHTML=html;
}
function $(objID) {
   return document.getElementById(objID)
}
</script>
<body>
<div id="objID">&nbsp;加载中......<script>aaa()</script></div>
</body>
</html>



小卓 2008-12-15 10:43 发表评论
]]>window.open的例子和使用方法以及参数说明http://www.blogjava.net/table/articles/234167.html小卓小卓Tue, 14 Oct 2008 02:22:00 GMThttp://www.blogjava.net/table/articles/234167.htmlhttp://www.blogjava.net/table/comments/234167.htmlhttp://www.blogjava.net/table/articles/234167.html#Feedback0http://www.blogjava.net/table/comments/commentRss/234167.htmlhttp://www.blogjava.net/table/services/trackbacks/234167.html一、window.open()支持环境：

　　JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+

　　二、基本语法：

　　window.open(pageURL,name,parameters)

　　其中：

　　pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔)

　　三、示例：

<SCRIPT>
<!--
window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
//写成一行
-->
</SCRIPT>

　　脚本运行后，page.html将在新窗体newwindow中打开，宽为100，高为400，距屏顶0象素，屏左0象素，无工具条，无菜单条，无滚动条，不可调整大小，无地址栏，无状态栏。

　　请对照。上例中涉及的为常用的几个参数，除此以外还有很多其他参数，请见四。

　　四、各项参数

　　其中yes/no也可使用1/0；pixel value为具体的数值，单位象素。

参数 | 取值范围 | 说明
| |
alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后
alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上
depended | yes/no | 是否和父窗口同时关闭
directories | yes/no | Nav2和3的目录栏是否可见
height | pixel value | 窗口高度
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
innerHeight | pixel value | 窗口中文档的像素高度
innerWidth | pixel value | 窗口中文档的像素宽度
location | yes/no | 位置栏是否可见
menubar | yes/no | 菜单栏是否可见
outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度
outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度
resizable | yes/no | 窗口大小是否可调整
screenX | pixel value | 窗口距屏幕左边界的像素长度
screenY | pixel value | 窗口距屏幕上边界的像素长度
scrollbars | yes/no | 窗口是否可有滚动栏
titlebar | yes/no | 窗口题目栏是否可见
toolbar | yes/no | 窗口工具栏是否可见
Width | pixel value | 窗口的像素宽度
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上

　　例子说明:

【1、最基本的弹出窗口代码】

其实代码非常简单：

<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html')
-->
</SCRIPT>

　　因为着是一段javascripts代码，所以它们应该放在<SCRIPT LANGUAGE="javascript">标签和</script>之间。<!-- 和 -->是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。

　　window.open ('page.html') 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。

　　这一段代码可以加入HTML的任意位置，<head>和</head>之间可以，<body>间</body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。

　　【2、经过设置后的弹出窗口】

　　下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。

<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//写成一行
-->
</SCRIPT>

　　参数解释：

<SCRIPT LANGUAGE="javascript"> js脚本开始；
window.open 弹出新窗口的命令；
'page.html' 弹出窗口的文件名；
'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；
height=100 窗口高度；
width=400 窗口宽度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
toolbar=no 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小，yes为允许；
location=no 是否显示地址栏，yes为允许；
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
</SCRIPT> js脚本结束

【3、用函数控制弹出窗口】

下面是一个完整的代码。
<html>
<head>
<script LANGUAGE="JavaScript">
<!--
function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar=
no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//写成一行
}
//-->
</script>
</head>
<body onload="openwin()">
...任意的页面内容...
</body>
</html>

　　这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。
怎么调用呢？

　　方法一：<body onload="openwin()"> 浏览器读页面时弹出窗口；
　　方法二：<body onunload="openwin()"> 浏览器离开页面时弹出窗口；
　　方法三：用一个连接调用：

　　<a href="#" onclick="openwin()">打开一个窗口</a>

　　注意：使用的“#”是虚连接。

　　方法四：用一个按钮调用：

　　<input type="button" onclick="openwin()" value="打开窗口">

　　【4、同时弹出2个窗口】

　　对源代码稍微改动一下：

<script LANGUAGE="JavaScript">
<!--
function openwin()
{ window.open ("page.html", "newwindow", "height=100, width=100, top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//写成一行
window.open ("page2.html", "newwindow2", "height=100, width=100, top=100, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//写成一行
}
//-->
</script>

　　为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。

　　注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。OK？

【5、主窗口打开文件1.htm，同时弹出小窗口page.html】

如下代码加入主窗口<head>区：
<script language="javascript">
<!--
function openwin()
{window.open("page.html","","width=200,height=200")
}
//-->
</script>

　　加入<body>区：

<a href="1.htm" onclick="openwin()">open</a>即可。

【6、弹出的窗口之定时关闭控制】

　　下面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中，可不是主页面中，否则...)，让它10秒后自动关闭是不是更酷了？

　　首先，将如下代码加入page.html文件的<head>区：

<script language="JavaScript">
function closeit()
{setTimeout("self.close()",10000) file://毫秒}
</script>

　　然后，再用<body onload="closeit()"> 这一句话代替page.html中原有的<BODY>这一句就可以了。(这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，10秒钟后就自行关闭该窗口)

【7、在弹出窗口中加上一个关闭按钮】

<FORM>
<INPUT TYPE='BUTTON' VALUE='关闭' onClick='window.close()'>
</FORM>

　　呵呵，现在更加完美了！

【8、内包含的弹出窗口-一个页面两个窗口】

　　上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。

　　通过下面的例子，你可以在一个页面内完成上面的效果。

<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function openwin()
{OpenWindow=window.open("", "newwin", "height=250, width=250,toolbar=no,scrollbars="+scroll+",menubar=no");
//写成一行
OpenWindow.document.write("<TITLE>例子</TITLE>")
OpenWindow.document.write("<BODY BGCOLOR=#ffffff>")
OpenWindow.document.write("<h1>Hello!</h1>")
OpenWindow.document.write("New window opened!")
OpenWindow.document.write("</BODY>")
OpenWindow.document.write("</HTML>")
OpenWindow.document.close()}
</SCRIPT>
</head>
<body>
<a href="#" onclick="openwin()">打开一个窗口</a>
<input type="button" onclick="openwin()" value="打开窗口">
</body>
</html>

　　看看 OpenWindow.document.write()里面的代码不就是标准的HTML吗？只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。

【9、终极应用--弹出的窗口之Cookie控制】

　　回想一下，上面的弹出窗口虽然酷，但是有一点小毛病(沉浸在喜悦之中，一定没有发现吧？)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页)，那么每次刷新这个页面，窗口都会弹出一次，是不是非常烦人？:-(有解决的办法吗？Yes! ;-) Follow me.

　　我们使用cookie来控制一下就可以了。

　　首先，将如下代码加入主页面HTML的<HEAD>区：

<script>
function openwin()
{window.open("page.html","","width=200,height=200")}
function get_cookie(Name)
{var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset,end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openwin()
document.cookie="popped=yes"
}
}
</script>

　　然后，用<body onload="loadpopup()">（注意不是openwin而是loadpop啊！）替换主页面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。真正的Pop-Only-Once！

　　写到这里弹出窗口的制作和应用技巧基本上算是完成了，俺也累坏了，一口气说了这么多，希望对正在制作网页的朋友有所帮助俺就非常欣慰了。

　　需要注意的是，JS脚本中的的大小写最好前后保持一致。



小卓 2008-10-14 10:22 发表评论
]]>深入研究JScript语法——常量和变量http://www.blogjava.net/table/articles/234153.html小卓小卓Tue, 14 Oct 2008 01:48:00 GMThttp://www.blogjava.net/table/articles/234153.htmlhttp://www.blogjava.net/table/comments/234153.htmlhttp://www.blogjava.net/table/articles/234153.html#Feedback0http://www.blogjava.net/table/comments/commentRss/234153.htmlhttp://www.blogjava.net/table/services/trackbacks/234153.html
前面的例子中：

return "<font color=gray>"+hit+"</font>"


使用了变量和常量，"<font color=gray>"和"</font>"是文本常量，hit是变量。

加号(+)则将三者加成一个文本："<font color=gray>100</font>"，如果hit为100的话。

　

数值常量

    这个很简单，上过数学课的都应该知道如何表示数字，JScript中没有任何特别。

123
0
-100
100.123
1E3        (1000)

都是合法的数字常量

文本常量

    这个用的最多，因为经常要动态的生成HTML文本。常量必须用引号括起来：

"abc"

"123"

"文本常量"

都是合法的文本常量，为什么要用引号？完全没有编程经验的人可能会有些疑惑，其实很简单，
计算机需要把常量和变量区别开。

变量赋值

    a = "abc"

变量a的值为"abc"了。为什么比较时要用==，为了和赋值区别开呀！

    b = a + "123"

变量b的值为"abc123"了。如果常量不加引号如何和变量区别呢？

    b = "a" + "123"

变量b的值为"a123"

　

那么如果文本中包含引号如何？比如如何表示：

<input type=button value="A A">

因为按钮的名称里有空格，那么必须用双引号括起来，如何表示这个文本常量？

JScript还可以使用单引号：

'<input type=button value="A A">'

在单引号中就可以直接使用双引号了。反过来在双引号括起来的常量里可以直接使用单引号。

"<input type=button value='A A'>"

那么当常量里两个引号都有该怎么办？这就需要使用转义符号反斜杠\

"abc'def\"ghi"

在常量中可以用“\"”来表示一个双引号。而且还有：

\r\n        表示回车
\\          表示一个反斜杠

　

　

function myname(name){

    if (name=="小青"){
       document.write("<input type=button value='隐藏小青' onclick=\"mytext.style.display='none'\">")
    }
    else
       document.write(name)

}

上面的函数，当输入name为“小青”时，输出：

<input type=button value='隐藏' onclick="mytext.style.display='none'">

　

变量定义

    JScript中可以不预先定义变量就直接使用，但是这样往往会带来潜在问题，
所以建议大家使用变量前都先定义好。

    变量有两种类型，定义在函数内部的为局部变量。

<script>
function myfunc(){

//变量定义使用var，下面定义了变量a
var a

//可以一次定义多个变量，用逗号分开
var i,j,k

//定义的时候还可以给变量赋初值
var a="acb"

var a=123,b="ddd"

}
</script>

局部变量只在函数内有效，离开函数该变量就不存在了。

如果定义在函数外则为全局变量：

<script>
//定义一个全局变量a
var a
</script>

该变量在所有函数内外都将有效，除非函数内定义了一个相同名称的变量

<script>
//定义全局变量a
var a=100

function myfunc(){

var a="abc"

//函数输出的是abc，函数内的变量屏蔽了同名全局变量
document.write(a)

}
</script>

如果不使用var来定义，那么变量是全局变量。因此如果你不明确定义变量在使用，
就可能误用了全局变量，比如：

<script>
//定义全局变量a
var a="dddd"

...

function myfunc(){
    //函数内只想使用一个临时的变量保存返回结果
    a=b+...

    ...

    return a

}
</script>

那么一旦执行过myfunc，则原先的全局变量的值就被破坏了，这就可能引起其实使用
该全局变量的程序出错！因此强烈建议大家都明确定义变量，而且尽量少使用全局变量

小卓 2008-10-14 09:48 发表评论
]]>多级下拉菜单的级连显示问题http://www.blogjava.net/table/articles/234150.html小卓小卓Tue, 14 Oct 2008 01:41:00 GMThttp://www.blogjava.net/table/articles/234150.htmlhttp://www.blogjava.net/table/comments/234150.htmlhttp://www.blogjava.net/table/articles/234150.html#Feedback0http://www.blogjava.net/table/comments/commentRss/234150.htmlhttp://www.blogjava.net/table/services/trackbacks/234150.html

多级下拉菜单的级连显示问题。

在这里，我为了实现公司－部门级连显示问题，我编写了leader_add_competence_dialogquery.jsp ，web.xml，SelectCropDepartServlet.java 类。

其中注意的是leader_add_competence_dialogquery中的.jspChange_Select() javascript函数中的/selectCropDepart是在web.xml中定义的servlet类。我们在实现应用当中需要修改的用红字标出。

其中leader_add_competence_dialogquery.jsp代码如下：

<%@ page contentType="text/html; charset=gbk" language="java" import="java.sql.*" errorPage="" %>

<%@ page import="pub.*" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>添加领导权限</title>

<link href="../css/putong.css" type="text/css" rel="stylesheet">

<base target="_self">

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">

<META HTTP-EQUIV="Expires" CONTENT="0">

</head>

<script language="javascript">

    var req;

    window.onload=function(){

    }

       function Change_Select(){      

       var zhi = document.getElementById('Corp').value;

         var url = "../selectCropDepart?id=" + escape(zhi);

        //alert(url);

         if (window.XMLHttpRequest) {

             req = new XMLHttpRequest();

         }else if (window.ActiveXObject) {

             req = new ActiveXObject("Microsoft.XMLHTTP");

         }

        if(req){

             req.open("GET", url, true);

             req.onreadystatechange = callback;

             req.send(null);       

         }  

    }

   

    function callback() {

    if (req.readyState == 4) {

        if (req.status == 200) {

                 parseMessage();

       // update the HTML DOM based on whether or not message is valid

        }else{

            alert ("Not able to retrieve description" +req.status+req.statusText);

 

        }      

 

    }

   }

  

   function parseMessage() {

    var xmlDoc = req.responseXML.documentElement;

    var xSel = xmlDoc.getElementsByTagName('select');

    var select_root = document.getElementById('Depart');

    select_root.options.length=0;

    for(var i=0;i<xSel.length;i++)

    {   

        var xValue = xSel[i].childNodes[0].firstChild.nodeValue;

    var xText = xSel[i].childNodes[1].firstChild.nodeValue;

    var option = new Option(xText,xValue);

    try

       {

              select_root.add(option);   

       }

       catch(e){

       }  

    }

    }

       function AddLeaderCompetence(){

           var key=document.all.HiddenKey.value;      document.from1.action="leader_ctl.jsp?Oper=addCompetence&Key="+key;

           document.from1.submit();

    }

</script>

<body>

<%

       String strUserID=request.getParameter("Key");

               session.setAttribute("EmployUserID",strUserID);

%>

<form name="from1" action="leader_ctl.jsp"  method="post">

<table cellSpacing="0" cellPadding="0" width="100%" bgColor="#bfcae6" border="0" background="../images/subtitle.gif">

    <tr>

       <td width="99%" height="26"><FONT face="宋体">

          <DIV align="left"><FONT face="宋体" color="#ffffff">&nbsp;&nbsp;当前位置：系统管理&gt;&gt;领导设置&gt;&gt;添加领导权限       </FONT>

           </DIV>

           </FONT>

       </td>

    </tr>

  </table>

   <input type="hidden" name="HiddenKey" value="<%=strUserID%>" >

  <table width="100%" border="0" cellpadding="2" cellspacing="1" bgcolor="#AABDE0">

  <tr bgcolor="#FFFFFF">

  <td align="right">公司：</td>

  <td>   

    <SELECT name="Corp" id="Corp"  onChange="Change_Select()" >

      <OPTION value="all" selected>所有公司</OPTION></SELECT></td>

  </tr>

  <tr bgcolor="#FFFFFF">

  <td align="right">部门：</td>

  <td><SELECT name="Depart" id="Depart">

      <OPTION value="all" selected>所有部门</OPTION></SELECT></td>

  </tr>

  <tr bgcolor="#FFFFFF">

  <td colspan="2" align="center"><input type="button" onClick="AddLeaderCompetence();" class="button" style="width:80px" value="保存">&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" class="button" value="关闭" onClick="window.close();" style="width:80px"> </td> 

  </tr>

  </table> 

</form>

</body>

<%   

    Conn conn=new Conn();

    String m1Script="";

    //String m2Script="";

    m1Script=PubClass.BindAllCorpList("document.all.Corp");

    //m2Script=PubClass.BindAllDepartList("document.all.Depart",""+session.getAttribute("cropid"));

    //sPositionList=conn.bindDropListSel("document.all.PositionName","select * from sys08_Position","PositionName","PositionID");

%>

<%= m1Script%>

</html>

 

Web.xml代码如下：

<?xml version="1.0" encoding="UTF-8"?>

<web-app version="2.4"

    xmlns="http://java.sun.com/xml/ns/j2ee"

    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee

    http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">

   <servlet>

    <servlet-name>selectCropDepart</servlet-name>

    <servlet-class>pub.SelectCropDepartServlet</servlet-class>

  </servlet>

  <servlet-mapping>

        <servlet-name>selectCropDepart</servlet-name>

        <url-pattern>/selectCropDepart</url-pattern> 

  </servlet-mapping>

</web-app>

 

SelectCropDepartServlet.java  Servlet类代码如下

/**

 * 从sys04_Machine表中取数据进行二级下拉菜单(公司,部门)及关联的servlet类

 * @author 邓浩

  */

public class SelectCropDepartServlet extends HttpServlet {

       public SelectCropDepartServlet() {

              super();

       }

       public void destroy() {

              super.destroy(); }

       /**

        * The doGet method of the servlet. <br>

        *

        * This method is called when a form has its tag value method equals to get.

        *

        * @param request the request send by the client to the server

        * @param response the response send by the server to the client

        * @throws ServletException if an error occurred

        * @throws IOException if an error occurred

        */

       public void doGet(HttpServletRequest request, HttpServletResponse response)

                     throws ServletException, IOException {

              response.setContentType("text/xml");

              response.setCharacterEncoding("UTF-8");

              response.setHeader("Cache-Control", "no-cache");      

              String targetId = request.getParameter("id").toString();

              String xml_start ="<selects>";

             String xml_end = "</selects>";

             String xml = "";

             try{

                    Conn  conn=new Conn();

                    DataTable  dt=new DataTable();

                    String Sql="select * from sys04_Machine where cropid="+targetId;

                    ////System.out.println("Sql:"+Sql);

                     xml+= "<select><value>all</value><text>所有部门</text></select>" ;

                    int i=0;

                    if  (conn.querySql(Sql,dt)){

                           while  (i<dt.getRowCount()){

                                  xml+= "<select><value>"+dt.getItemForName(i,"MachID").toString()+"</value><text>"+dt.getItemForName(i,"MachName").toString()+"</text></select>";  

                                  i=i+1;

                           }

                    }

                 String last_xml = xml_start + xml + xml_end;

                 //System.out.println("last_xml:"+last_xml);

                //  last_xml = new String(last_xml.getBytes("UTF-8"), "GB2312");

                response.getWriter().write(last_xml);

             }// try

             catch  (Exception e){

                    System.out.print(e.getMessage());

             }      

       }

       public void doPost(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException{

              doGet(request,response);

      }

       public void init() throws ServletException {

       }

}



小卓 2008-10-14 09:41 发表评论
]]>XML WebService完全实例详细解析http://www.blogjava.net/table/articles/234087.html小卓小卓Mon, 13 Oct 2008 10:23:00 GMThttp://www.blogjava.net/table/articles/234087.htmlhttp://www.blogjava.net/table/comments/234087.htmlhttp://www.blogjava.net/table/articles/234087.html#Feedback0http://www.blogjava.net/table/comments/commentRss/234087.htmlhttp://www.blogjava.net/table/services/trackbacks/234087.html首先,我们必须了解什么是webservice.就概念上来说,可能比较复杂,不过我们可以有个宏观的了解:webservice就是个对外的接口,里面有 函数可供外部客户调用(注意:里面同样有客户不可调用的函数).假若我们是服务端,我们写好了个webservice,然后把它给了客户(同时我们给了他 们调用规则),客户就可以在从服务端获取信息时处于一个相对透明的状态.即是客户不了解(也不需要)其过程,他们只获取数据.

　　webservice传递的数据只能是序列化的数据,典型的就是xml数据,这里我们也只讨论xml数据的传输.

　　有了一些对xml webservice的初步了解后,我们将切入正题,即是用一个具体的webservice事例的形式来讲解具体的webservice用法,用具体的事例来讲解一个概念我想怎么也要比单纯的说理能让人容易理解吧.

　　这里,我们将以一个简单的分布式课件搜索系统为例来讲解.使用VS2003为编译环境,C#为语言,SqlServcer2000为数据库.(这个例子来 源于一位网上朋友的文章的启发,觉得很能代表webservice的特点,就按那个想法做了这么个系统来示例了)

　　首先,明确我们要做什么.我们需要一个对客户的接口,也就是个站点,我们把它称做ServiceGatherSite,它是何种形式都无所谓,甚至它本身 并不需要数据库,它只是提供给用户一个查询的接口,真正的服务,普通用户是不接触到的.然后,这里我们还需要若干个提供服务的站点,我们可以称它们为资源 站,这里为简单起见,假设有两个资源站,分别叫WebSiteA,WebSiteB,它们可以是不对外公布的,只是为了丰富查询数据而存在.最后,是我们 最需要关注的东西---资源站提供给ServiceGatherSite的服务.两个资源站,就有两个服务,我们称为SiteAService和 SiteBService.两个服务间没有任何关系,内部提供的方法也完全没关联,只是需要把方法如何使用告诉ServiceGatherSite,意思 是,服务只提供查询接口,返回的数据如何处理,服务本身并不管,全由使用服务的站点分配.

　　写了这么多,算是简要的介绍了下有关xml webservice的概念和我们这个例子的结构,下篇文章,我们将开始真正进入代码的设计阶段.

　　上篇文章介绍了些webservice的基本特性和我们例子的结构,这篇文章我们将开始具体的代码编写工作.

　　这个专题主要讲述的是webservice,因此这里我们的代码以Webservice相关为主,而其他工程,例如:ServiceGatherSite,WebSiteA等,只将简略介绍.

　　在VS2003中,开发一个webservice并不是件困难的事,首先,我们新建一个webservice项目(文件->新建->项目->C#->Web服务应用程序)

　　建完这个工程,我们将看到一个叫Service1.asmx的文件,这就是webservice的标准文件,它也有UI的概念,不过我们一般不关注,因 此,我们查看其cs代码文件.如果你什么都还没做的话,将看见一个被注释掉的helloworld的WebMethod,把注释去掉,在运行,你就可以得 到最简单的webservice运行实例了.点击"helloworld"将执行其方法.显然,这个函数对我们的意义只在于宏观的了解了下web服务的写 法.

　　下面,我们将开始具体介绍webservice的写法.在代码文件里,如果我们写了一个函数后,希望此函数成为外部可调用的接口函数,我们必须在函数上面 添上一行代码[WebMethod(Description="函数的描述信息")],如果你的函数没有这个申明,它将不能被用户引用.如:

 

　　[WebMethod(Description="最简单的方法")]
　　public string HelloWorld()
　　{
　　return "Hello World";
　　}
　　这个函数就是外部可调用的接口函数,对用户来说相当于一个API.如果某用户在引用了这个服务后,他调用HelloWorld()方法,他就将获得"HelloWorld"这个返回值.
　　看到这里,我们是不是发现,其实webservice并不是那么的神秘,它也不过只是个接口,对我们而言,侧重点依然是接口函数的编写.下面,我将给出我们的例子所需要的接口函数.
　　[WebMethod(Description="查询以获取需要的课件信息")]
　　public XmlDataDocument GetSiteAData(string AssignName)
　　{
　　XmlDataDocument xd=new XmlDataDocument(); //
　　DataSet ds=new DataSet();
　　CStoreProc cp=new CStoreProc("SearchAssign");
　　cp.AddParIn("@keywords",SqlDbType.VarChar,30,AssignName);
　　cp.AddParOut("@res",SqlDbType.Int);
　　if(cp.SelectProc()) //如果执行成功,存储过程
　　{
　　cp.myData.EnforceConstraints=false; //不进行格式严格检查
　　if((int)cp.GetReturnValue("@res")==-1)
　　{
　　string xml="";
　　xd.LoadXml(xml);
　　return xd;
　　}
　　xd=new XmlDataDocument(cp.myData);
　　XmlNode root1=xd.DocumentElement;
　　XmlNodeList roots=root1.SelectNodes("list");
　　foreach(XmlNode roota in roots) //为所有元素加上站点名称标记
　　{
　　XmlElement Link=xd.CreateElement("SiteName");
　　Link.InnerText=ConfigurationSettings.AppSettings["SiteName"].ToString();
　　roota.AppendChild(Link);
　　}
　　return xd;
　　}
　　else return null;
　　}

 

　　这是获取资源站点信息的一个接口函数.里面大部分的代码,我想对于有一定asp.net基础的朋友来说,都应该是一看就明白,这里只说明下CStoreProc,这是我封装的一个存储过程类,主要功能是执行各种类型的存储过程.

　　细心的朋友可能会发现这个函数的返回类型似乎比较特殊,是个xml的文档.我们在前面已经说过,webservice只能传输序列化数据,xml显然满足 条件,但比如hash表之类的非序列化数据,是不能传输的,xml使用最为广泛,而且考虑到跨平台应用,所以这里我们只以xml数据的传输来示例.

　　接上篇文章,我们先简单解释下GetSiteAData(string AssignName)函数.

　　函数功能很简单,只是要返回查询结果,其数据格式是XmlDataDocument.当查询失败时(无匹配查询结果),我们构造一个xml,返回一个空记 录.否则,我们把查询后的dataset生成一个XmlDataDocument,接下来,由于该项目的需要,我加入了一个循环,添加dataset里所 没有的节点,站点名称.在这之后,算是完成了一个符合我们期望格式的xml数据文档,我们把它返回.

　　好了,webservice的方法函数介绍完了(这里还有个web服务方法,稍后介绍),接下来我们的任务是怎么调用它了.首先把webservice的 项目编译完成,假定我们这个服务是针对资源站点A的,我们不妨称其为ServiceA.先单独运行asmx文件,执行GetSiteAData (string AssignName)方法,将提示你输入参数,你输入要搜索的内容,点确认,将返回给你一个xml数据,并在ie上显示出来,这就是你搜索到的内容拉.

　　这里对ServiceA的工作再做点介绍,在我们这个项目里,它是资源站点A提供的服务,意思是,它查询的数据将全来源于站点A,而站点A资源添加在本项目也有专门的工程实现.

　　好了,回到正题.这里我介绍vs调用webservice的方法,其实其他平台的调用方法也是大同小异.首先我们介绍web引用方式,这种方式我强烈建议 调试时使用,非常方便.右击引用,点添加web引用,输入你的webservice地址,如:http: //localhost/aspxproject/WebServiceSolution/SiteBService/service1.asmx,你必 须保证你输入的webservice存在.然后引用即可,注意:web引用名将作为你加入的webservice的名字空间.比如你输入了:SiteA, 那服务的实例化将是这样:SiteA.Service1 serviceA=new SiteA.Service1();(Service1是服务的类名).

　　完成了这一步,service的调用似乎变的那么简单,我们已经实现了远程实例化,接下来的远程调用也是一样的容易.下面给出资源采集站ServiceGatherSite的绑定代码(只采集A站点的信息)

 

　　//绑定数据
　　public void BindData()
　　{
　　serviceA=new SiteA.Service1();
　　DataSet ds=new DataSet();
　　XmlNode xmlNode1;
　　XmlDataDocument xd=new XmlDataDocument();
　　StringBuilder xmlString1;
　　xmlNode1=serviceA.GetSiteAData(strSearch);
　　if(xmlNode1==null) //--存储过程执行失败
　　return;
　　xmlString1=new StringBuilder(xmlNode1.OuterXml);
　　if(xmlString1.ToString().Equals(""))
　　return ;
　　xd.LoadXml(xmlString1.ToString());
　　ds.ReadXml(new XmlNodeReader(xd));
　　DataGrid1.DataSource=ds.Tables["list"].DefaultView;
　　DataGrid1.DataBind();
　　}

 

　　此段代码给出了xml转化成dataset的解决方案,虽然这不是必须的,但毕竟在asp.net里,dataset占的作用之重,谁都知道的.其他的请 朋友们先看(呵呵,个中高手就免了),在下篇文章中将会有对它的一些解释与及多服务分布调用的解决方案,写了三篇了,发现似乎还是有些朋友看的,那我就献 丑继续写下去好了,大家有什么意见也希望提出,在下的理解存在偏驳也再所难免,希望谅解:)

　　接上篇文章,我们先简单说明下绑定函数.首先实例化ServiceA,这个和一般类的实例化并没有不同..接下来用xmlNode1来接受函数的返回值,接下来是构造xml,并将其转化为dataset,这是通用的方法,如果是刚接触不久的朋友,最好能记下这种方法.

　　接下来给出异步调用两个服务的代码

 

　　//绑定数据
　　public void BindData()
　　{
　　IAsyncResult ar1;
　　IAsyncResult ar2;
　　serviceA=new SiteA.Service1();
　　serviceB=new SiteB.Service1();
　　DataSet ds=new DataSet();
　　XmlNode xmlNode1,xmlNode2;
　　XmlDataDocument xd=new XmlDataDocument();
　　StringBuilder xmlString1,xmlString2;
　　//--简单的异步调用
　　ar1=serviceA.BeginGetSiteAData(strSearch,null,null);
　　ar2=serviceB.BeginGetSiteAData(strSearch,null,null);
　　xmlNode1=serviceA.EndGetSiteAData(ar1);
　　xmlNode2=serviceB.EndGetSiteAData(ar2);
　　//----------
　　if(xmlNode1==null&&xmlNode2==null) //--存储过程执行失败
　　return;
　　xmlString1=new StringBuilder(xmlNode1.OuterXml);
　　xmlString2=new StringBuilder(xmlNode2.OuterXml);
　　xmlString1=MakeNewXmlString(xmlString1,xmlString2); //生成新的xml
　　if(xmlString1.ToString().Equals(""))
　　return ;
　　xd.LoadXml(xmlString1.ToString());
　　ds.ReadXml(new XmlNodeReader(xd));
　　DataGrid1.DataSource=ds.Tables["list"].DefaultView;
　　DataGrid1.DataBind();
　　}
　　//生成新XML
　　public StringBuilder MakeNewXmlString(StringBuilder str1,StringBuilder str2)
　　{
　　str1=str1.Replace("","");
　　str2=str2.Replace("","");
　　str1.Append(str2.ToString());
　　return str1;
　　}

 

　　这有两个需要注意的地方,一个是xml构造,还有就是异步调用的实现,请读者,自己理解

　　下面讲下通过dll来引用webservice的方法,我只把流程介绍下.

　　首先,在ie输入服务的地址,如:http://www.xxx.com/service.asmx

　　然后写输入http://www.xxx.com/service.asmx?wsdl

　　打开后,另存为xxx.wsdl

　　然后用vs的命令提示符来编译:wsdl /namespace:SiteA ServiceA.wsdl

　　生成名字空间为sitea的代理类

　　最后csc /out:ServiceA.dll /t:library Service1.cs ,其中service1.cs为代理类文件

　　最后引用dll就可以了.



小卓 2008-10-13 18:23 发表评论
]]>Javascript代码混淆综合解决方案http://www.blogjava.net/table/articles/234086.html小卓小卓Mon, 13 Oct 2008 10:20:00 GMThttp://www.blogjava.net/table/articles/234086.htmlhttp://www.blogjava.net/table/comments/234086.htmlhttp://www.blogjava.net/table/articles/234086.html#Feedback0http://www.blogjava.net/table/comments/commentRss/234086.htmlhttp://www.blogjava.net/table/services/trackbacks/234086.htmlJavascript 代码混淆的目的

Javascript 是一种解释执行的脚本语言，主要应用于 Web 领域的客户端的浏览器中；由于 Javascript 解释执行的特性，代码必须明文下载到客户端，并且可以很容易的进行调试，使得 Javascript 代码的保护非常困难；

不同的人对 Javascript 代码的保护有不同的看法；有的人辛苦努力的代码，却可以被竞争对手轻易获得，他们就非常希望能有保护 Javascript 代码的方案，但现有的方案可能无法满足他们的要求；很多人认为 Javascript 语言很简单，Javascript 代码没有保护的价值，可能是他们的代码确实简单，或者他们并不了解 Javascript 语言强大的功能；还有的人认为现在都开源了，还保护代码干什么，当然开源的人是值得敬佩的，但对别人的代码的开源要求，却不是合理的。

为了提高用户的体验，出现了 Web 2.0 技术，并随着 AJAX 和富界面技术的发展，Javascript 在 Web 应用上的重要性越来越高，Javascript 代码的复杂性、功能和技术含量也越来越高，对Javascript 代码保护的需要也越来越迫切。

Javascript 在线混淆器的目的是为 Javascript 代码保护的需求，提供一种全新的综合解决方案，包括编码规则和免费的在线混淆器。

 

混淆和加密的区别

很多人将这两者混在一起讨论，实际上两者的目的有一定的区别，采取的手段也有很大的不同。加密主要是为了防止未经授权的使用，对这种情况即使破解了加密，也只能非法使用，并不一定能获得软件的代码逻辑；但对于脚本来说，防止对代码进行访问的措施，也属于加密，对这种情况，破解了加密，就获得了代码；而混淆是在无法阻止他人获取代码的情况下，采取的保护代码的逻辑不被他人理解的措施；对于混淆的代码，他人很难理解，无法进行修改和重新应用；
对于生成机器码的语言，比如 C 语言，只需要考虑未经授权的访问，几乎不需考虑代码的保护；因为对编译后的软件，只能反汇编为汇编语言代码，几乎无法分析出代码的逻辑。
对于生成中间代码的语言，比如 Java 和 C#，即需要考虑未经授权的访问，又需考虑代码的保护；；因为对编译后的软件，可以很容易的反编译为较高级的语言，从而了解到代码中的逻辑，并较容易的破解加密。而混淆后，即难于理解代码的逻辑，也不易找到加密点所在。
对于脚本语言，比如 Javascript，只能混淆，难以加密；因为脚本都是明文存在的，很容易调试的，通过跟踪可以较容易的破解上面两种目的的加密。但是混淆后的代码是难于理解代码的逻辑的。

我们只涉及到对 Javascript 脚本进行混淆，而不涉及加密；对于涉及到 Javascript 的系统的加密，我们建议不要将加密点放在 Javascript 脚本内，而是放在服务端的编译程序内，因为编译程序的加密可以采用更多的保护方式，加密的强度也更高。

我们首先要分析 Javascript 语言和混淆相关的特点，和现有的混淆产品的不足，然后再提出我们对 Javascript 代码混淆的解决方案，最后是我们的 Javascript 在线混淆器。


Javascript 语言和混淆相关的特性

Javascript 是一种解释执行的脚本语言，相对编译类型的语言有很多自身的特性，而其中一些特性会对代码混淆带来很大的困难。

无法定义类的属性和方法的名称是否需要被混淆

Javascript 是一种基于原型的语言，没有严格的类型定义。在自定义的类中，对于需要外部访问的属性和方法，不能进行混淆；对于内部访问的属性和方法，需要进行混淆；但Javascript 语言本身，无法对属性和方法进行这样的区分。为此我们要寻找一种变通的机制来识别属性和方法的名称是否需要混淆。

存在大量的系统定义的核心的和客户端的方法和属性不能被混淆

Javascript 语言本身定义了大量的核心的类、方法和属性；浏览器中也定义了大量的客户端的类、方法和属性；这些类、方法和属性都不能够被混淆，然而这些类、方法和属性的数量太大，无法通过枚举来避免混淆；为此我们需要寻找一种方法来标识这些类、属性和方法。

无法定义全局变量是否需要被混淆

全局变量是 window 对象的属性，局部变量是函数对象的属性；所有的局部变量都是可以和应该被混淆的，而全局变量有的需要混淆，有的不能混淆；但全局变量和局部变量的表现形式是一样的，难以区分；而且全局变量本身更无法定义是否需要被混淆。为此我们要找到一种方法来区分不能混淆的全局变量，和需要混淆的全局变量及局部变量。

Javascript 语言的这些特点，都对代码的混淆带来了很大的困难，如果不解决这几个问题，Javascript 代码的混淆就缺少实用的价值。

 

现有 Javascript 混淆产品的问题

当我们需要混淆 Javascipt 代码的时候，首先考察了市面上现有的产品，和一些论坛里对混淆的思路，但这些产品和思路都不能满足我们的要求。

有一个商品化的 Javascript 混淆产品，采用了和一种 C# 混淆工具相似的混淆方式，分析了代码里所有的标识符，对一些系统预设的标识符不混淆，对其他的进行混淆，同时提供用户对标识符的混淆进行选择和配置；这个产品的功能很多很复杂，但有一个很大的问题，就是预设的标识符有限，对于代码中用到的大量的系统定义的属性和方法，会进行混淆，为此需要自己手工配置，避免对这些属性和方法的混淆，这对于大型的系统几乎是一个不可能完成的任务。

有一些论坛里也讨论到混淆的思路，包括一些示例，这些思路更多的是改变标识符的表现形式，有的是用编码字符串的关联数组替换属性，比如将 xx.dd 替换为 xx["\x64\x64"]；更复杂的是把 "\x64\x64" 之类保存到字符串数组，然后调用字符串数组作为关联数组的下标；这种思路可以避免上面的问题，但有一个更大的问题，就是混淆是可逆的，被混淆的标识符仅仅是被转换成了16进制的形式，可以很容易的恢复。

正是现有产品的不足，促使我们不得不研究自己的解决方案。我们的解决方案也是经过了几个版本，一开始的版本要复杂的多，花费了很大的工作量，但结果并不理想；几经修改才找到现有的解决方案；虽然开始的大量工作，最后几乎都废弃了，但没有前面的工作，也就没有后面的结果；所以即使您可能会认为我们的方案简单，那也只是我们努力的结果，而不是过程；而且简单的东西，往往是有效的。


Javascript 代码混淆综合解决方案

通过前面对 Javascript 的特性和相关混淆产品的分析，使我们认识到如果仅仅是在混淆器上下功夫是不够的；因为 Javascript 语言本身对混淆的功能有很大的限制，无法解决。为此我们设计了一个综合的解决方案，就是 Javascript 在线混淆器规则，只要是按照规则编写的 Javascipt 代码，都能使用 Javascript 在线混淆器混淆进行混淆。

Javascript 在线混淆器的规则并不复杂，但能够解决 Javascript 语言本身的特性和其他混淆产品遇到的问题。

规则一、所有用 window 约束的类、变量和函数都不混淆，其他的类、变量和函数都混淆。

全局的类、变量和函数本身都是 window 的属性，用不用 window 约束，从逻辑的角度是一样的。但我们可以借用 window 的约束来区分对全局的类、变量和函数是否需要进行混淆。

用 window 的约束必须是前后一致的，不但包括类、变量和函数的定义，也包括类、变量和函数的调用。

局部的类、变量和函数，因为没有 window 约束，所以都是混淆的。
类型 混淆 不混淆
类定义 function Class1(){...} window.Class1 = function(){...}
函数定义 function Method1(){...} window.Method1 = function(){...}
变量定义 var Param1 = 1; window.Param1 = 1;
生成类的实例 var object1 = new Class1(); var object1 = new window.Class1();
函数调用 Method1(); window.Method1()
变量引用 var newParam = Param1; var newParam = window.Param1;

规则二、所有以小写字符开头的属性和方法都不混淆，以其他字母开头的属性和方法都混淆，用 window 约束的属性和方法应用规则一。

JavaScript 核心和客户端中有大量的系统定义的方法和属性不能被混淆，而这些方法和属性绝大多数都是以小写字母开始的，本规则保证了系统定义的方法和属性不被混淆。在 Javascript 客户端中仅有极少数的系统定义的以大写字符起始的方法和属性，对于这种情况，可以采用关联数组的方式避免被混淆，比如 object1["Method1"]()；此方法也适用于第三方控件中可能会有的以大写字符起始的方法和属性的情况。

此规则也使我们可以在自定义的类中标识方法和属性是否被混淆，对于需要外部调用不能混淆的方法和属性，采用小写字母起始，对于内部的方法和属性，采用其他字母起始。
类型 混淆 不混淆
类方法定义 Class1.Method1 = function(){...} Class1.method1 = function(){...}
Class1["Method1"] = function(){...}
对象方法定义 Class1.prototype.Method1 = function(){...} Class1.prototype.method1 = function(){...}
Class1.prototype["Method1"] = function(){...}
类属性定义 Class1.Prop1 = 1; Class1.prop1 = 1;
Class1["Prop1"] = 1;
对象属性定义 object1.Prop1 = 1; object1.prop1 = 1;
object1["Prop1"] = 1;
类方法调用 Class1.Method1(); Class1.method1 ();
Class1["Method1"]();
对象方法调用 object1.Method1(); object1.method1 ();
object1["Method1"]();

Javascript 在线混淆器的核心规则就是以上两点，另外还有几点说明。

标识符的混淆采用 Hash 算法，不可逆

Hash 算法是不可逆的，所以不能根据混淆后的标识符，来直接推出混淆前的标识符；但 Hash 算法依赖于 .Net 系统的实现，大多数的时候，.Net 的 Hash 算法是不变的，就是同一个标识符的混淆结果是一样的；如果能够枚举足够多的标识符，仍然可能根据相同的混淆结果，知道混淆前的标识符。

如何调用混淆后的类、方法和属性

对于混淆代码的内部调用，只要采用相同的规则，要么都混淆，要么都不混淆，就能正确的调用。

对于混淆代码的外部调用，可以有两种方式，一种是不混淆，代码内部采用不混淆的规则，外部采用不混淆的可理解的标识符调用；另一种是混淆，代码内部采用混淆的规则，外部也采用混淆后的不可理解的标识符调用，但此方式依赖于 .Net Hash 算法的实现，在不同版本的 .Net 实现中的 Hash 算法有可能不同，以至混淆后的标识符不一致，从而导致重新混淆后，需要替换原来混淆的标识符。

为何有“清除空格，保留分号后的回车”的选项

Javascript 语法要求全局函数的结尾必须有分号或回车，如果遗漏了分号，而又清除了所有的回车，总是提示第一行缺少分号，无法定位错误所在；采用本选项可以有助于寻找缺少的分号的位置。

以下 Javascript 语言的保留字不混淆

break, case, catch, continue, debugger, default, delete, do, else, false, finally, for, function, if, in, instanceof, new, null, return, switch, this, throw, true, try, typeof, var, while, with

混淆器预定义了一些 window 的属性和方法

Javascript 核心类和函数是不能被混淆的，他们实质上都是 window 的属性和方法，按照规则应该用 window 约束，以避免被混淆；但对于 Object、Array、Date、ActiveXObject 等核心类，混淆器已经预定义不会混淆，不需要再用 window 约束。对于 alert 等 window 常用的方法和 document 等 window 常用的客户端属性，也有预定义。其他需要预定义的类和方法，我们会逐步添加；没有预定义的全局类和函数，如果不能混淆，必须用 window 约束。

以下全局的类、变量和方法不混淆

ActiveXObject, alert, Array, Boolean, Date , document, Math, Number, Object, RegExp, String, window



小卓 2008-10-13 18:20 发表评论
]]>JavaScript常用检测脚本实例代码http://www.blogjava.net/table/articles/234085.html小卓小卓Mon, 13 Oct 2008 10:17:00 GMThttp://www.blogjava.net/table/articles/234085.htmlhttp://www.blogjava.net/table/comments/234085.htmlhttp://www.blogjava.net/table/articles/234085.html#Feedback0http://www.blogjava.net/table/comments/commentRss/234085.htmlhttp://www.blogjava.net/table/services/trackbacks/234085.html

/*

-------------------------------------------------------------------------------

文件名称：check.js

说明：JavaScript脚本，用于检查网页提交表单的输入数据

版本：1.0

*/

 

/*

用途：校验ip地址的格式

输入：strIP：ip地址

返回：如果通过验证返回true,否则返回false；

 

*/

function isIP(strIP) {

if (isNull(strIP)) return false;

var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的正则表达式

if(re.test(strIP))

{

if( RegExp.$1 <256 && RegExp.$2<256 && RegExp.$3<256 && RegExp.$4<256) return true;

}

return false;

}

 

/*

用途：检查输入字符串是否为空或者全部都是空格

输入：str

返回：

如果全是空返回true,否则返回false

*/

function isNull( str ){

if ( str == "" ) return true;

var regu = "^[ ]+$";

var re = new RegExp(regu);

return re.test(str);

}

 

 

/*

用途：检查输入对象的值是否符合整数格式

输入：str 输入的字符串

返回：如果通过验证返回true,否则返回false

 

*/

function isInteger( str ){ 

var regu = /^[-]{0,1}[0-9]{1,}$/;

return regu.test(str);

}

 

/*

用途：检查输入手机号码是否正确

输入：

s：字符串

返回：

如果通过验证返回true,否则返回false

 

*/

function checkMobile( s ){  

var regu =/^[1][3][0-9]{9}$/;

var re = new RegExp(regu);

if (re.test(s)) {

return true;

}else{

return false;

}

}

 

 

/*

用途：检查输入字符串是否符合正整数格式

输入：

s：字符串

返回：

如果通过验证返回true,否则返回false

 

*/

function isNumber( s ){  

var regu = "^[0-9]+$";

var re = new RegExp(regu);

if (s.search(re) != -1) {

return true;

} else {

return false;

}

}

 

/*

用途：检查输入字符串是否是带小数的数字格式,可以是负数

输入：

s：字符串

返回：

如果通过验证返回true,否则返回false

 

*/

function isDecimal( str ){  

if(isInteger(str)) return true;

var re = /^[-]{0,1}(\d+)[\.]+(\d+)$/;

if (re.test(str)) {

if(RegExp.$1==0&&RegExp.$2==0) return false;

return true;

} else {

return false;

}

}

 

/*

用途：检查输入对象的值是否符合端口号格式

输入：str 输入的字符串

返回：如果通过验证返回true,否则返回false

 

*/

function isPort( str ){ 

return (isNumber(str) && str<65536);

}

 

/*

用途：检查输入对象的值是否符合E-Mail格式

输入：str 输入的字符串

返回：如果通过验证返回true,否则返回false

 

*/

function isEmail( str ){ 

var myReg = /^[-_A-Za-z0-9]+@([_A-Za-z0-9]+\.)+[A-Za-z0-9]{2,3}$/;

if(myReg.test(str)) return true;

return false;

}

 

/*

用途：检查输入字符串是否符合金额格式

格式定义为带小数的正数，小数点后最多三位

输入：

s：字符串

返回：

如果通过验证返回true,否则返回false

 

*/

function isMoney( s ){  

var regu = "^[0-9]+[\.][0-9]{0,3}$";

var re = new RegExp(regu);

if (re.test(s)) {

return true;

} else {

return false;

}

}

/*

用途：检查输入字符串是否只由英文字母和数字和下划线组成

输入：

s：字符串

返回：

如果通过验证返回true,否则返回false

 

*/

function isNumberOr_Letter( s ){//判断是否是数字或字母

 

var regu = "^[0-9a-zA-Z\_]+$";

var re = new RegExp(regu);

if (re.test(s)) {

return true;

}else{

return false;

}

}

/*

用途：检查输入字符串是否只由英文字母和数字组成

输入：

s：字符串

返回：

如果通过验证返回true,否则返回false

 

*/

function isNumberOrLetter( s ){//判断是否是数字或字母

 

var regu = "^[0-9a-zA-Z]+$";

var re = new RegExp(regu);

if (re.test(s)) {

return true;

}else{

return false;

}

}

/*

用途：检查输入字符串是否只由汉字、字母、数字组成

输入：

value：字符串

返回：

如果通过验证返回true,否则返回false

 

*/

function isChinaOrNumbOrLett( s ){//判断是否是汉字、字母、数字组成

 

var regu = "^[0-9a-zA-Z\u4e00-\u9fa5]+$";  

var re = new RegExp(regu);

if (re.test(s)) {

return true;

}else{

return false;

}

}

 

/*

用途：判断是否是日期

输入：date：日期；fmt：日期格式

返回：如果通过验证返回true,否则返回false

*/

function isDate( date, fmt ) {

if (fmt==null) fmt="yyyyMMdd";

var yIndex = fmt.indexOf("yyyy");

if(yIndex==-1) return false;

var year = date.substring(yIndex,yIndex+4);

var mIndex = fmt.indexOf("MM");

if(mIndex==-1) return false;

var month = date.substring(mIndex,mIndex+2);

var dIndex = fmt.indexOf("dd");

if(dIndex==-1) return false;

var day = date.substring(dIndex,dIndex+2);

if(!isNumber(year)||year>"2100" || year< "1900") return false;

if(!isNumber(month)||month>"12" || month< "01") return false;

if(day>getMaxDay(year,month) || day< "01") return false;

return true;

}

 

function getMaxDay(year,month) {

if(month==4||month==6||month==9||month==11)

return "30";

if(month==2)

if(year%4==0&&year%100!=0 || year%400==0)

return "29";

else

return "28";

return "31";

}

 

/*

用途：字符1是否以字符串2结束

输入：str1：字符串；str2：被包含的字符串

返回：如果通过验证返回true,否则返回false

 

*/

function isLastMatch(str1,str2)

{ 

var index = str1.lastIndexOf(str2);

if(str1.length==index+str2.length) return true;

return false;

}

 

 

/*

用途：字符1是否以字符串2开始

输入：str1：字符串；str2：被包含的字符串

返回：如果通过验证返回true,否则返回false

 

*/

function isFirstMatch(str1,str2)

{ 

var index = str1.indexOf(str2);

if(index==0) return true;

return false;

}

 

/*

用途：字符1是包含字符串2

输入：str1：字符串；str2：被包含的字符串

返回：如果通过验证返回true,否则返回false

 

*/

function isMatch(str1,str2)

{ 

var index = str1.indexOf(str2);

if(index==-1) return false;

return true;

}

 

 

/*

用途：检查输入的起止日期是否正确，规则为两个日期的格式正确，

且结束如期>=起始日期

输入：

startDate：起始日期，字符串

endDate：结束如期，字符串

返回：

如果通过验证返回true,否则返回false

 

*/

function checkTwoDate( startDate,endDate ) {

if( !isDate(startDate) ) {

alert("起始日期不正确!");

return false;

} else if( !isDate(endDate) ) {

alert("终止日期不正确!");

return false;

} else if( startDate > endDate ) {

alert("起始日期不能大于终止日期!");

return false;

}

return true;

}

 

/*

用途：检查输入的Email信箱格式是否正确

输入：

strEmail：字符串

返回：

如果通过验证返回true,否则返回false

 

*/

function checkEmail(strEmail) {

//var emailReg = /^[_a-z0-9]+@([_a-z0-9]+\.)+[a-z0-9]{2,3}$/;

var emailReg = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;

if( emailReg.test(strEmail) ){

return true;

}else{

alert("您输入的Email地址格式不正确！");

return false;

}

}

 

/*

用途：检查输入的电话号码格式是否正确

输入：

strPhone：字符串

返回：

如果通过验证返回true,否则返回false

 

*/

function checkPhone( strPhone ) {

var phoneRegWithArea = /^[0][1-9]{2,3}-[0-9]{5,10}$/;

var phoneRegNoArea = /^[1-9]{1}[0-9]{5,8}$/;

var prompt = "您输入的电话号码不正确!"

if( strPhone.length > 9 ) {

if( phoneRegWithArea.test(strPhone) ){

return true;

}else{

alert( prompt );

return false;

}

}else{

if( phoneRegNoArea.test( strPhone ) ){

return true;

}else{

alert( prompt );

return false;

}

 

 

}

}

 

 

/*

用途：检查复选框被选中的数目

输入：

checkboxID：字符串

返回：

返回该复选框中被选中的数目

 

*/

 

function checkSelect( checkboxID ) {

var check = 0;

var i=0;

if( document.all(checkboxID).length > 0 ) {

for(  i=0; i<document.all(checkboxID).length; i++ ) {

if( document.all(checkboxID).item( i ).checked  ) {

check += 1;

}

 

 

 

 

}

}else{

if( document.all(checkboxID).checked )

check = 1;

}

return check;

}

 

function getTotalBytes(varField) {

if(varField == null)

return -1;

 

var totalCount = 0;

for (i = 0; i< varField.value.length; i++) {

if (varField.value.charCodeAt(i) > 127)

totalCount += 2;

else

totalCount++ ;

}

return totalCount;

}

 

function getFirstSelectedValue( checkboxID ){

var value = null;

var i=0;

if( document.all(checkboxID).length > 0 ){

for(  i=0; i<document.all(checkboxID).length; i++ ){

if( document.all(checkboxID).item( i ).checked ){

value = document.all(checkboxID).item(i).value;

break;

}

}

} else {

if( document.all(checkboxID).checked )

value = document.all(checkboxID).value;

}

return value;

}

 

 

function getFirstSelectedIndex( checkboxID ){

var value = -2;

var i=0;

if( document.all(checkboxID).length > 0 ){

for(  i=0; i<document.all(checkboxID).length; i++ ) {

if( document.all(checkboxID).item( i ).checked  ) {

value = i;

break;

}

}

} else {

if( document.all(checkboxID).checked )

value = -1;

}

return value;

}

 

function selectAll( checkboxID,status ){

 

if( document.all(checkboxID) == null)

return;

 

if( document.all(checkboxID).length > 0 ){

for(  i=0; i<document.all(checkboxID).length; i++ ){

 

document.all(checkboxID).item( i ).checked = status;

}

} else {

document.all(checkboxID).checked = status;

}

}

 

function selectInverse( checkboxID ) {

if( document.all(checkboxID) == null)

return;

 

if( document.all(checkboxID).length > 0 ) {

for(  i=0; i<document.all(checkboxID).length; i++ ) {

document.all(checkboxID).item( i ).checked = !document.all(checkboxID).item( i ).checked;

}

} else {

document.all(checkboxID).checked = !document.all(checkboxID).checked;

}

}

 

function checkDate( value ) {

if(value=='') return true;

if(value.length!=8 || !isNumber(value)) return false; 

var year = value.substring(0,4);

if(year>"2100" || year< "1900")

return false;

 

var month = value.substring(4,6);

if(month>"12" || month< "01") return false;

 

var day = value.substring(6,8);

if(day>getMaxDay(year,month) || day< "01") return false;

 

return true; 

}

 

/*

用途：检查输入的起止日期是否正确，规则为两个日期的格式正确或都为空

且结束日期>=起始日期

输入：

startDate：起始日期，字符串

endDate：  结束日期，字符串

返回：

如果通过验证返回true,否则返回false

 

*/

function checkPeriod( startDate,endDate ) {

if( !checkDate(startDate) ) {

alert("起始日期不正确!");

return false;

} else if( !checkDate(endDate) ) {

alert("终止日期不正确!");

return false;

} else if( startDate > endDate ) {

alert("起始日期不能大于终止日期!");

return false;

}

return true;

}

 

/*

用途：检查证券代码是否正确

输入：

secCode:证券代码

返回：

如果通过验证返回true,否则返回false

 

*/

function checkSecCode( secCode ) {

if( secCode.length !=6 ){

alert("证券代码长度应该为6位");

return false;

}

 

if(!isNumber( secCode ) ){

alert("证券代码只能包含数字");

 

 

return false;

}

return true;

}

 

/****************************************************

function:cTrim(sInputString,iType)

description:字符串去空格的函数

parameters:iType：1=去掉字符串左边的空格

 

2=去掉字符串左边的空格

0=去掉字符串左边和右边的空格

return value:去掉空格的字符串

****************************************************/

function cTrim(sInputString,iType)

{

var sTmpStr = ' ';

var i = -1;

 

if(iType == 0 || iType == 1)

{

while(sTmpStr == ' ')

{

++i;

sTmpStr = sInputString.substr(i,1);

}

sInputString = sInputString.substring(i);

}

 

if(iType == 0 || iType == 2)

{

sTmpStr = ' ';

i = sInputString.length;

while(sTmpStr == ' ')

{

--i;

sTmpStr = sInputString.substr(i,1);

}

sInputString = sInputString.substring(0,i+1);

}

return sInputString;

}

 

/*

-------------------------------------------------------------------------------

说明：JavaScript脚本，验证表单中的数据项  begin

-------------------------------------------------------------------------------

 

*/

function checkForm(objFrm){

var len = 0;

len = objFrm.elements.length;

 

var i = 0;

var objCheck;

//文本框

for(i = 0; i < len; i ++){

objCheck = objFrm.elements[i];

if(objCheck.type =="text" && !f_checkTextValid(objCheck) ){

return false;

 

 

 

}

}

//下拉框

for(i = 0; i < len; i ++){

objCheck = objFrm.elements[i];

if(objCheck.type =="select-one" && !f_checkSelectValid(objCheck) ){

return false;

 

 

 

}

}

//时间段有效

if( f_checkStartAndEndDate(objFrm) == false) return false;

 

return true;

}

function f_checkSelectValid(obj){

//alert("check select");

if(obj.options.length <= 0){

alert("下拉选框无数据!");

return false;

 

}

return true;

}

function f_checkStartAndEndDate(frm){

var len = frm.elements.length;

if(len == null && len == 0) return true;

var i=0;

var temp;

var objCheck;

var objStartDate;

var objEndDate;

//alert("start date period check");

try{

for(i=0; i< len ; i++){

objCheck = frm.elements[i];

temp = objCheck.name;

if( temp.indexOf("startDate") >0 ||temp.indexOf("beginDate")>0 )

objStartDate = objCheck;

if( temp.indexOf("endDate") > 0 )

objEndDate = objCheck;

 

}

//alert(objStartDate.value);

//alert(objEndDate.value);

if(objStartDate.value==null || objStartDate.value =="" || objStartDate.value ==null || objStartDate.value ==""){

return true;

}

return checkTwoDate(objStartDate.value, objEndDate.value);

 

//alert("end date period check");

}catch(E){}

return true;

}

 

function f_checkTextValid(obj){

//不能为空

if(obj.getAttribute("isNeed") != null){

if(f_isNotNull(obj) == false) return false;

}

//不能超过长度

if(obj.getAttribute("maxlength") != null){

if(f_checkLength(obj) == false) return false;

}

var checkType ="";

checkType = obj.getAttribute("checkType");

if(checkType==null||checkType=="") return true;

//

if (checkType.indexOf("number") >=0){

if(f_isNumber(obj) == false)  return false;

if(f_checkNumType(obj,checkType) == false)  return false;

 

}

//

if (checkType.indexOf("positive") >=0){

if(f_isNumber(obj) == false)  return false;

if(f_isPositive(obj)==false)  return false;

if(f_checkNumType(obj,checkType) == false)  return false;

 

}

if (checkType.indexOf("date") >=0){

if(f_checkDate(obj) == false) return false;

 

}

 

/*

switch(checkType){

case "number": if(f_isNumber(obj) == false) return false;break;

case "date": if(f_checkDate(obj) == false) return false;break;

default:

}

*/

return true;

}

 

function f_isNotNull(obj){

if(obj.value == ""){

f_alert(obj, " 不允许为空值！");

return false;

}

return true;

}

 

function f_isNumber(obj){

if(isNaN(obj.value)){

f_alert(obj," 应为数值类型");

return false;

 

 

}

return true;

 

}

function f_checkDate(obj) {

if(checkDate(obj.value) ==false){

f_alert(obj," 不是合法日期格式！");

return false;

 

 

}

return true;

}

 

function f_checkLength(obj){

if(getTotalBytes(obj) > Math.abs( obj.getAttribute("maxlength") ) ){

f_alert(obj," 超出长度限制!");

return false;

 

 

}

return true;

 

}

 

function  f_alert(obj,alertStr){

var fielName = obj.getAttribute("fieldName");

if(fielName == null)

fielName = "";

alert(fielName + "\n" +alertStr);

obj.select();

obj.focus();

}

 

function f_checkNumType(obj, numType){

//假设: 已经进行数字类型判断

 

var strTemp;

var numpric;

var numLen;

var strArr;

var defaultLen = 19;

var defaultpric = 5;

 

try{

if(numType == null|| numType =="") return f_checkNumLenPrec(obj,defaultLen, defaultpric);

if(numType.indexOf("(") < 0 || numType.indexOf(")") < 0 ) return f_checkNumLenPrec(obj,defaultLen, defaultpric);

strTemp = numType.substr( numType.indexOf("(") + 1 ,numType.indexOf(")") - numType.indexOf("(") -1 );

if(strTemp == null||strTemp =="") return f_checkNumLenPrec(obj,defaultLen, defaultpric);

strArr = strTemp.split(",");

 

numLen = Math.abs( strArr[0] );

numpric = Math.abs( strArr[1] );

 

return f_checkNumLenPrec(obj,numLen, numpric);

}catch(e){

alert("in f_checkNumType = " + e);

return f_checkNumLenPrec(obj,defaultLen, defaultpric);

}

 

}

 

function f_checkNumLenPrec(obj, len, pric){

var numReg;

var value = obj.value;

var strValueTemp, strInt, strDec;

 

//alert(value + "=====" + len + "====="+ pric);

try{

 

 

 

numReg =/[\-]/;

strValueTemp = value.replace(numReg, "");

strValueTemp = strValueTemp.replace(numReg, "");

//整数

if(pric==0){

numReg =/[\.]/;

//alert(numReg.test(value));

if(numReg.test(value) == true){

f_alert(obj, "输入必须为整数类型!");

return false;

 

}

 

 

 

}

 

if(strValueTemp.indexOf(".") < 0 ){

//alert("lennth==" + strValueTemp);

 

 

if(strValueTemp.length >( len - pric)){

f_alert(obj, "整数位不能超过"+ (len - pric) +"位");

return false;

}

 

}else{

strInt = strValueTemp.substr( 0, strValueTemp.indexOf(".") );

 

 

//alert("lennth==" + strInt);

 

 

if(strInt.length >( len - pric)){

f_alert(obj, "整数位不能超过"+ (len - pric) +"位");

return false;

}

 

 

 

strDec = strValueTemp.substr( (strValueTemp.indexOf(".")+1), strValueTemp.length );

 

 

//alert("pric==" + strDec);

 

 

if(strDec.length > pric){

f_alert(obj, "小数位不能超过"+  pric +"位");

return false;

}

 

 

}

 

return true;

}catch(e){

alert("in f_checkNumLenPrec = " + e);

return false;

}

 

}

 

function f_isPositive(obj){

var numReg =/[\-]/;

if(numReg.test(obj.value) == true){

f_alert(obj, "必须为正数!");

return false;

}

return true;

 

}

 

 

/*

function selectedCheckboxCount(form)

功能说明：对Form中选中的可选项计数

 

参数说明：

form:指定的表单

*/

function selectedCheckboxCount(form){

var length =0;

var i=0;

var count =0;

eles = form.elements;

while(i<eles.length){

obj= eles.item(i);

//type = obj.attributes.item("type").nodeValue;

 

type = obj.type;

if(type == "checkbox"){

if(obj.checked){

count++;

}

}

i++;

}

return count;

}

 

//得到字节长度

function getByteLen(str)

{

var l = str.length;

var n = l;

for ( var i=0; i<l; i++ )

 

if ( str.charCodeAt(i) <0 || str.charCodeAt(i) >255 )

n=n+1;

return n

}

 

/*

说明：

1.清除表格中的数据(0.0 和 0)

2.如果cell中没有数据，则自动加上一个空格

3.清除空白行的checkbox

 

参数：

clearzero:是否清除"0"、"0.0"，false不清除、true清除（默认为true）

tablename:要清除的表格名字，默认为sortTable

*/

function clear_table(clearzero,tablename)

{

var tobject;

if(tablename==null)

tobject=gmobj("sortTable");

else

tobject=gmobj(tablename);

//如果table未定义，则不进行过滤

 

if(tobject==null)

return;

 

 

//如果函数调用参数为空，表示要清除0、0.0；反之，不要清除0、0.0。

var clear = (clearzero==null)?true:clearzero;

 

//清除0、0.0，填补空格

var rows = tobject.rows;

var j=0;

for(var i=0;i<rows.length;i++)

{

//取得第一个cell的属性clear，如果为1，表示该行没有数据，则清除该行所有数据

 

while(tobject.rows[i].cells[j] != null)

{

if(clear)

{

if(tobject.rows[i].cells[j].innerHTML==0 ||tobject.rows[i].cells[j].innerHTML==0.0||tobject.rows[i].cells[j].innerHTML=="")

tobject.rows[i].cells[j].innerText=" ";

}

else

{

if (tobject.rows[i].cells[j].innerHTML=="")

tobject.rows[i].cells[j].innerText=" ";

}

j++;

}

j=0;

 

}

return true;

}

 

function gmobj(mtxt)  /* Get object by object name */

{

if (document.getElementById) {

m=document.getElementById(mtxt);

} else if (document.all) {

m=document.all[mtxt];

} else if (document.layers) {

m=document.layers[mtxt];

}

return m;

}

/*

-------------------------------------------------------------------------------

说明：JavaScript脚本，验证表单中的数据项  end

-------------------------------------------------------------------------------
*/
/*
用途：检查输入字符串是否是带小数的数字格式,可以是负数(并且满足规定的精度)

输入：str：字符串
l：总位数
d：小数点后位数
返回：
如果通过验证返回true,否则返回false
*/
function isDecimal( str,l,d ){  
if(isInteger(str)) {
if (l==null)  return true;
if (str<0) l--;
if (str.length<=l) return true;
}
var re = /^[-]{0,1}(\d+)[\.]+(\d+)$/;
if (re.test(str)) {
if (l==null)  return true;
if (d==null) d=0;
if(RegExp.$1==0&&RegExp.$2==0) return false;
if (RegExp.$1.length+RegExp.$2.length<=l
&& RegExp.$2.length<=d)  return true;
}
return false;
}
onclick="isNull('Co.PageForm.CompetitorName');"



小卓 2008-10-13 18:17 发表评论
]]>javascript用回车键实现Tab键功能http://www.blogjava.net/table/articles/234081.html小卓小卓Mon, 13 Oct 2008 10:10:00 GMThttp://www.blogjava.net/table/articles/234081.htmlhttp://www.blogjava.net/table/comments/234081.htmlhttp://www.blogjava.net/table/articles/234081.html#Feedback0http://www.blogjava.net/table/comments/commentRss/234081.htmlhttp://www.blogjava.net/table/services/trackbacks/234081.html很多罗嗦的客户，喜欢提出这些需求！其实实现也不难！代码如下：

我前段时间看了MS的ASP.NET讲座,在里面谈到了如何让"回车键"使文本框的焦点一个个下移.其中提了三种方法,最好的一种是这样的:

 用客户端脚本在页面添加document的onkeydown事件,让页面在接受到回车事件后,进行Tab键的功能,即只要把event的keyCode由13变为9

 VBScript代码:

 <script language="vbscript">

 sub document_onkeydown

    if event.keyCode=13 then

      event.keyCode=9

   end if

 end sub

</script>

Javascript代码如下:

<script language="javascript" for="document" event="onkeydown">

<!--

  if(event.keyCode==13)

     event.keyCode=9;

-->

</script>

这样的处理方式,可以实现焦点往下移动,但对于按钮也起同样的作用,一般的客户在输入完资料以后,跳到按钮后,最好能直接按"回车"进行数据的提交.因此,对上面的方法要进行一下修改,应该对于"提交"按钮不进行焦点转移.而直接激活提交.

 

因此我对上面的代码进行了一个修改,即判断事件的"源",是否为提交按钮,代码如下:

<script language="javascript" for="document" event="onkeydown">

<!--

  if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event.srcElement.type!='textarea' && event.srcElement.type!='')

     event.keyCode=9;

-->

</script>

判断是否为button, 是因为在HTML上会有type="button"

判断是否为submit,是因为HTML上会有type="submit"

判断是否为reset,是因为HTML上的"重置"应该要被执行

判断是否为空,是因为对于HTML上的"<a>链接"也应该被执行,这种情况发生的情况不多,可以使用"tabindex=-1"的方式来取消链接获得焦点.



小卓 2008-10-13 18:10 发表评论
]]>JavaScript判断数字的合法性http://www.blogjava.net/table/articles/234079.html小卓小卓Mon, 13 Oct 2008 10:08:00 GMThttp://www.blogjava.net/table/articles/234079.htmlhttp://www.blogjava.net/table/comments/234079.htmlhttp://www.blogjava.net/table/articles/234079.html#Feedback0http://www.blogjava.net/table/comments/commentRss/234079.htmlhttp://www.blogjava.net/table/services/trackbacks/234079.html//验证是否为数字
   function isNumber(oNum)
   {
  if(!oNum) return false;
  var strP=/^\d+(\.\d+)?$/;
  if(!strP.test(oNum)) return false;
  try{
  if(parseFloat(oNum)!=oNum) return false;
  }
  catch(ex)
  {
   return false;
  }
  return true;
   }


小卓 2008-10-13 18:08 发表评论
]]>防止代码复制http://www.blogjava.net/table/articles/234076.html小卓小卓Mon, 13 Oct 2008 10:07:00 GMThttp://www.blogjava.net/table/articles/234076.htmlhttp://www.blogjava.net/table/comments/234076.htmlhttp://www.blogjava.net/table/articles/234076.html#Feedback0http://www.blogjava.net/table/comments/commentRss/234076.htmlhttp://www.blogjava.net/table/services/trackbacks/234076.html

//插入 document.body.oncopy event事件中
//或者 <body>的"oncopy"属性
function copyCode()
{
 try
 {
  var range = document.selection.createRange();
  if (document.selection.type != "none")
  {
   var parent = range.parentElement();
   var parentName = parent.tagName;
   if (parentName != null)
   {
    if (parentName.toLowerCase() == "pre")
    {
     // Replace superfluous <br> tags in a <pre> block.
     var re = /<br>/gi;
     var code = range.htmlText.replace(re, "\r\n");

     // Replace non-breaking spaces.
     re = /&nbsp;/gi;
     code = code.replace(re, " ");

     // Replace & characters.
     re = /&amp;/gi;
     code = code.replace(re, "&");

     // Replace < characters.
     re = /&lt;/gi;
     code = code.replace(re, "<");

     // Replace > characters.
     re = /&gt;/gi;
     code = code.replace(re, ">");
     
     // CJM: Remove colorization
     re = /<\/?span([^>])*>/gi;
     code = code.replace(re, "");

     if (code != null)
     {
      window.event.returnValue = false;
      window.clipboardData.setData("Text", code);
     }
    }
   }
  }
 }
 catch(e) {}
}

<HTML>
<HEAD>
<TITLE>防复制 </TITLE>
<SCRIPT language=javascript src="/blog/js/oncopy.js">
</SCRIPT>

<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="feiyun">
<META NAME="Keywords" CONTENT="nocopy">
<META NAME="Description" CONTENT="no copy">
</HEAD>
<BODY  oncopy="return copyCode();" >
<FONT COLOR="#FF0000">防代码复制，不信你试试（只防止代码复制，其他可以复制）</FONT><BR>
<TABLE>
<TR>
 <TD>aa</TD>
 <TD>bb</TD>
 <TD>cc</TD>
</TR>
<TR>
 <TD>dd</TD>
 <TD>ee</TD>
 <TD>ff</TD>
</TR>
</TABLE>

<PRE lang=vbscript>&lt;%
<SPAN class=vb-statement>option</SPAN> <SPAN class=vb-statement>explicit</SPAN>
<SPAN class=vb-statement>dim</SPAN> fso
<SPAN class=vb-statement>set</SPAN> fso = createobject(<SPAN class=vb-string>&quot;scripting.filesystemobject&quot;</SPAN>)
<SPAN class=vb-statement>dim</SPAN> asplines, jslines, aspbytes, jsbytes, aspwords
iterate(server.mappath(<SPAN class=vb-string>&quot;/web_api&quot;</SPAN>))
response.write <SPAN class=vb-string>&quot;ASP:
Total Lines Coded: &quot;</SPAN> &amp; asplines &amp; <SPAN class=vb-string>&quot;
Total Bytes: &quot;</SPAN> &amp; aspbytes &amp; <SPAN class=vb-string>&quot;
Total Individual Elements (words) Typed: &quot;</SPAN> &amp; aspwords
response.write <SPAN class=vb-string>&quot;
JScript:
Total Lines Coded: &quot;</SPAN> &amp; jslines &amp; <SPAN class=vb-string>&quot;
&quot;</SPAN> &amp; <SPAN class=vb-string>&quot;Total Bytes: &quot;</SPAN> &amp; jsbytes
<SPAN class=vb-statement>function</SPAN> iterate(path)
    <SPAN class=vb-statement>dim</SPAN> folder, folders, files, file, ts, txt, arr, f
    <SPAN class=vb-statement>set</SPAN> folder = fso.getfolder(path)
    <SPAN class=vb-statement>set</SPAN> files = folder.files
    <SPAN class=vb-statement>dim</SPAN> rx, c
    <SPAN class=vb-statement>set</SPAN> rx = <SPAN class=vb-keyword>new</SPAN> regexp
    rx.ignorecase = <SPAN class=vb-keyword>true</SPAN>
    rx.global = <SPAN class=vb-keyword>true</SPAN>
    rx.pattern = <SPAN class=vb-string>&quot;  +&quot;</SPAN>
    <SPAN class=vb-statement>for</SPAN> <SPAN class=vb-statement>each</SPAN> file in files
        <SPAN class=vb-statement>if</SPAN> right(file.name,<SPAN class=vb-literal>4</SPAN>)=<SPAN class=vb-string>&quot;.asp&quot;</SPAN> <SPAN class=vb-keyword>or</SPAN> right(file.name,<SPAN class=vb-literal>3</SPAN>)=<SPAN class=vb-string>&quot;.js&quot;</SPAN> <SPAN class=vb-statement>then</SPAN>
            <SPAN class=vb-statement>set</SPAN> ts = file.openastextstream
            <SPAN class=vb-statement>if</SPAN> ts.atendofstream <SPAN class=vb-statement>then</SPAN> txt = <SPAN class=vb-string>&quot;&quot;</SPAN> <SPAN class=vb-statement>else</SPAN> txt = ts.readall
            ts.close
            txt = rx.replace(txt,<SPAN class=vb-string>&quot; &quot;</SPAN>)
            txt = replace(txt,vbcrlf&amp;vbcrlf,vbcrlf)
            arr = split(replace(txt,vbcrlf,<SPAN class=vb-string>&quot; &quot;</SPAN>),<SPAN class=vb-string>&quot; &quot;</SPAN>)
            aspwords = aspwords + ubound(arr)
            arr = split(txt,vbcrlf)
            <SPAN class=vb-statement>if</SPAN> right(file.name,<SPAN class=vb-literal>4</SPAN>)=<SPAN class=vb-string>&quot;.asp&quot;</SPAN> <SPAN class=vb-statement>then</SPAN>
                asplines = asplines + ubound(arr)
                aspbytes = aspbytes + len(txt)
            <SPAN class=vb-statement>else</SPAN>
                jslines = jslines + ubound(arr)
                jsbytes = jsbytes + len(txt)
            <SPAN class=vb-statement>end</SPAN> <SPAN class=vb-statement>if</SPAN>
        <SPAN class=vb-statement>end</SPAN> <SPAN class=vb-statement>if</SPAN>
    <SPAN class=vb-statement>next</SPAN>
    <SPAN class=vb-statement>set</SPAN> folders = folder.subfolders
    <SPAN class=vb-statement>for</SPAN> <SPAN class=vb-statement>each</SPAN> f in folders
        iterate f.path
    <SPAN class=vb-statement>next</SPAN>
<SPAN class=vb-statement>end</SPAN> <SPAN class=vb-statement>function</SPAN>
%&gt;</PRE>

</BODY>
</HTML>



小卓 2008-10-13 18:07 发表评论
]]>用JavaScript脚本将当地时间转换成其它时区http://www.blogjava.net/table/articles/234072.html小卓小卓Mon, 13 Oct 2008 10:00:00 GMThttp://www.blogjava.net/table/articles/234072.htmlhttp://www.blogjava.net/table/comments/234072.htmlhttp://www.blogjava.net/table/articles/234072.html#Feedback0http://www.blogjava.net/table/comments/commentRss/234072.htmlhttp://www.blogjava.net/table/services/trackbacks/234072.html毫无疑问，用JavaScript脚本可以通过直接查看用户的时钟，方便地在网页上显示本地时间。但是，如果你想显示不同地区的时间—--例如，如果你的本部在别的国家，你想查看“本国”时间而非当地时间，又该怎么办呢？

要做到这一点，必须进行各种时间计算才能将当地时间转换为目的时间。本文将解释如何进行这些计算。

第一步：

事情的第一步是获得当地时间。在JavaScript中，这无疑可以通过初始化一个Data()对象来轻松完成。

// create Date object for current location

d = new Date();

通过调用Data()对象的getTime()方法，即可显示1970年1月1日后到此当时时间之间的毫秒数。

// convert to msec since Jan 1 1970

localTime = d.getTime();

第二步：

下一步，通过Data()对象的getTimezoneOffset()方法来找出当地时间偏移值。在缺省情况下，此方法以分钟显示时区偏移值结果，因此在早先的计算中要将此值转换成毫秒。

// obtain local UTC offset and convert to msec

localOffset = d.getTimezoneOffset() * 60000;

注意，getTimezoneOffset()方法的负返回值表示当地时间在全球标准时间（UTC）之前，而正返回值则表示当地时间在全球标准时间（UTC）之后。

注意：万一你想知道我是如何得到60000这个倍增因数的，记住1000毫秒等于一秒，而一分钟等于60秒。因此 ，将分钟转换成毫秒，要用60乘以1000等于60000。

第三步

将本地时间与本地时区偏移值相加得到当前国际标准时间（UTC）。

// obtain UTC time in msec

utc = localTime + localOffset;

这里，变量utc包含当前国际标准时间（UTC）。但是，此时间以1970年1月1日到现在所含有的毫秒数来表示。暂时让它这样表示，因为还要进行一些计算。

第四步

得到国际标准时间（UTC）后，再获得目标城市的国际标准时间（UTC）小时偏移值，把它转换成毫秒，再加上国际标准时间（UTC）。

// obtain and add destination's UTC time offset

// for example, Bombay

// which is UTC + 5.5 hours

offset = 5.5;

bombay = utc + (3600000*offset);

注意：万一你想知道我是如何得到3600000这个倍增因数的，记住1000毫秒等于一秒，而一小时等于3600秒。因此 ，将小时转换成毫秒，要用3600乘以1000等于3600000。

此时，变量bombay包含印度孟买城的当地时间。此当地时间以1970年1月1日到现在所含有的毫秒数来表示。显然，这不是很合理，因此我们还要进行一些计算。

第五步

通过初始化一个新的Data()对象，并调用此对象的toLocalString()方法，我们将前一步中计算得到的时间值转换成一个大家可以看得懂的日期/时间字符串。

// convert msec value to date string

nd = new Date(bombay);

document.writeln("Bombay time is " + nd.toLocaleString() + "<br>");

这样转换就完成了！

总结

理解上面的步骤后，我们再看一看这段脚本（列表A），它建立一个紧凑，自定义的函数calcTime()来执行所有的计算并返回一个时间值。

列表A

<html>

<head>

<script language="JavaScript">

// function to calculate local time

// in a different city

// given the city's UTC offset

function calcTime(city, offset) {

// create Date object for current location

d = new Date();

 

// convert to msec

// add local time zone offset

// get UTC time in msec

utc = d.getTime() + (d.getTimezoneOffset() * 60000);

 

// create new Date object for different city

// using supplied offset

nd = new Date(utc + (3600000*offset));

 

// return time as a string

return "The local time in " + city + " is " + nd.toLocaleString();

}

// get Bombay time

alert(calcTime('Bombay', '+5.5'));

// get Singapore time

alert(calcTime('Singapore', '+8'));

// get London time

alert(calcTime('London', '+1'));

</script>

</head>

<body>

</body>

</html>

这里，函数calcTime()接受一个城市名及它的国际标准时间（UTC）偏移值（按小时计）。然后内部执行所有上面描述的计算，并返回一个包含此城市当地时间的字符串。

以下是列表A输出内容的一些样本。

孟买当地时间为2005年8月1日，星期一下午4时43分51秒

新加坡当地时间为2005年8月1日，星期一下午7时13分51秒

伦敦当地时间为2005年8月1日，星期一下午12时13分51秒

下次你坐下来为你的网页编写时区脚本时，这段脚本有望节省你的一些时间。享受一下！！



小卓 2008-10-13 18:00 发表评论
]]>JavaScript脚本语言描述：document 文挡对象详解http://www.blogjava.net/table/articles/234071.html小卓小卓Mon, 13 Oct 2008 09:58:00 GMThttp://www.blogjava.net/table/articles/234071.htmlhttp://www.blogjava.net/table/comments/234071.htmlhttp://www.blogjava.net/table/articles/234071.html#Feedback0http://www.blogjava.net/table/comments/commentRss/234071.htmlhttp://www.blogjava.net/table/services/trackbacks/234071.html注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写
   否则会提示你一个错误信息 "引用的元素为空或者不是对象"
---------------------------------------------------------------------

对象属性
document.title             //设置文档标题等价于HTML的<title>标签
document.bgColor           //设置页面背景色
document.fgColor           //设置前景色(文本颜色)
document.linkColor         //未点击过的链接颜色
document.alinkColor        //激活链接(焦点在此链接上)的颜色
document.vlinkColor        //已点击过的链接颜色
document.URL               //设置URL属性从而在同一窗口打开另一网页
document.fileCreatedDate   //文件建立日期，只读属性
document.fileModifiedDate  //文件修改日期，只读属性
document.fileSize          //文件大小，只读属性
document.cookie            //设置和读出cookie
document.charset           //设置字符集 简体中文:gb2312
---------------------------------------------------------------------
对象方法
document.write()                  //动态向页面写入内容
document.createElement(Tag)       //创建一个html标签对象
document.getElementById(ID)       //获得指定ID值的对象
document.getElementsByName(Name)  //获得指定Name值的对象
---------------------------------------------------------------------

images集合(页面中的图象)

a)通过集合引用
document.images             //对应页面上的<img>标签
document.images.length      //对应页面上<img>标签的个数
document.images[0]          //第1个<img>标签          
document.images[i]          //第i-1个<img>标签

b)通过nane属性直接引用
<img name="oImage">
document.images.oImage      //document.images.name属性

c)引用图片的src属性
document.images.oImage.src  //document.images.name属性.src

d)创建一个图象
var oImage
oImage = new Image()
document.images.oImage.src="/1.jpg"
同时在页面上建立一个<img>标签与之对应就可以显示

<html>
<img name=oImage>
<script language="javascript">
   var oImage
   oImage = new Image()
   document.images.oImage.src="/1.jpg"
</script>
</html>

----------------------------------------------------------------------

forms集合(页面中的表单)

a)通过集合引用
document.forms                 //对应页面上的<form>标签
document.forms.length          //对应页面上<form>标签的个数
document.forms[0]              //第1个<form>标签
document.forms[i]              //第i-1个<form>标签
document.forms[i].length       //第i-1个<form>中的控件数
document.forms[i].elements[j]  //第i-1个<form>中第j-1个控件

b)通过标签name属性直接引用
<form name="Myform"><input name="myctrl"></form>
document.Myform.myctrl         //document.表单名.控件名

-----------------------------------------------------------------------
<html>
<!--Text控件相关Script-->
<form name="Myform">
<input type="text" name="oText">
<input type="password" name="oPswd">
<form>
<script language="javascript">
//获取文本密码框的值
document.write(document.Myform.oText.value)
document.write(document.Myform.oPswd.value)
</script>
</html>
-----------------------------------------------------------------------
<html>
<!--Select控件相关Script-->
<form name="Myform">
<select name="oSelect">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</form>

<script language="javascript">
   //遍历select控件的option项
   var length
   length=document.Myform.oSelect.length
   for(i=0;i<length;i++)
   document.write(document.Myform.oSelect[i].value)
</script>

<script language="javascript">
   //遍历option项并且判断某个option是否被选中
   for(i=0;i<document.Myform.oSelect.length;i++){
   if(document.Myform.oSelect[i].selected!=true)
   document.write(document.Myform.oSelect[i].value)
   else
   document.write("<font color=red>"+document.Myform.oSelect[i].value+"</font>")  
   }
</script>

<script language="javascript">
   //根据SelectedIndex打印出选中的option
   //(0到document.Myform.oSelect.length-1)
   i=document.Myform.oSelect.selectedIndex
   document.write(document.Myform.oSelect[i].value)
</script>

<script language="javascript">
   //动态增加select控件的option项
   var oOption = document.createElement("OPTION");
   oOption.text="4";
   oOption.value="4";
   document.Myform.oSelect.add(oOption);
</script>
<html>
-----------------------------------------------------------------------
<Div id="oDiv">Text</Div>
document.all.oDiv                       //引用图层oDiv
document.all.oDiv.style                
document.all.oDiv.style.display=""      //图层设置为可视
document.all.oDiv.style.display="none"  //图层设置为隐藏
/*document.all表示document中所有对象的集合
只有ie支持此属性，因此也用来判断浏览器的种类*/



小卓 2008-10-13 17:58 发表评论
]]>javascript事件查询综合http://www.blogjava.net/table/articles/234070.html小卓小卓Mon, 13 Oct 2008 09:54:00 GMThttp://www.blogjava.net/table/articles/234070.htmlhttp://www.blogjava.net/table/comments/234070.htmlhttp://www.blogjava.net/table/articles/234070.html#Feedback0http://www.blogjava.net/table/comments/commentRss/234070.htmlhttp://www.blogjava.net/table/services/trackbacks/234070.html

click() 对象.click() 使对象被点击。
closed 对象.closed 对象窗口是否已关闭true/false
clearTimeout(对象) 清除已设置的setTimeout对象
clearInterval(对象) 清除已设置的setInterval对象
confirm("提示信息") 弹出确认框，确定返回true取消返回false
cursor:样式 更改鼠标样式 hand crosshair text wait help default auto e/s/w/n-resize

event.clientX 返回最后一次点击鼠标X坐标值；
event.clientY 返回最后一次点击鼠标Y坐标值；
event.offsetX 返回当前鼠标悬停X坐标值
event.offsetY 返回当前鼠标悬停Y坐标值

document.write(document.lastModified) 网页最后一次更新时间
document.ondblclick=x 当双击鼠标产生事件
document.onmousedown=x 单击鼠标键产生事件

document.body.scrollTop; 返回和设置当前竖向滚动条的坐标值，须与函数配合,
document.body.scrollLeft; 返回和设置当前横向滚动务的坐标值，须与函数配合，
document.title document.title="message"; 当前窗口的标题栏文字
document.bgcolor document.bgcolor="颜色值"; 改变窗口背景颜色
document.Fgcolor document.Fgcolor="颜色值"; 改变正文颜色
document.linkcolor document.linkcolor="颜色值"; 改变超联接颜色
document.alinkcolor document.alinkcolor="颜色值"; 改变正点击联接的颜色
document.VlinkColor document.VlinkColor="颜色值"; 改变已访问联接的颜色
document.forms.length 返回当前页form表单数
document.anchors.length 返回当前页锚的数量
document.links.length 返回当前页联接的数量
document.onmousedown=x 单击鼠标触发事件
document.ondblclick=x 双击鼠标触发事件
defaultStatus window.status=defaultStatus; 将状态栏设置默认显示

function function xx(){...} 定义函数
isNumeric 判断是否是数字
innerHTML xx=对象.innerHTML 输入某对象标签中的html源代码
innerText divid.innerText=xx 将以div定位以id命名的对象值设为XX

location.reload(); 使本页刷新，target可等于一个刷新的网页

Math.random() 随机涵数,只能是0到1之间的数,如果要得到其它数,可以为*10,再取整
Math.floor(number) 将对象number转为整数，舍取所有小数
Math.min(1,2) 返回1,2哪个小
Math.max(1,2) 返回1,2哪个大

navigator.appName 返回当前浏览器名称
navigator.appVersion 返回当前浏览器版本号
navigator.appCodeName 返回当前浏览器代码名字
navigator.userAgent 返回当前浏览器用户代标志

onsubmit onsubmit="return(xx())" 使用函数返回值
opener opener.document.对象 控制原打开窗体对象

prompt xx=window.prompt("提示信息","预定值"); 输入语句
parent parent.框架名.对象 控制框架页面

return return false 返回值
random 随机参数（0至1之间）
reset() form.reset(); 使form表单内的数据重置

split("") string.split("") 将string对象字符以逗号隔开
submit() form对象.submit() 使form对象提交数据

String对象的 charAt(x)对象 反回指定对象的第多少位的字母
lastIndexOf("string") 从右到左询找指定字符，没有返回-1
indexOf("string") 从左到右询找指定字符，没有返回-1
LowerCase() 将对象全部转为小写
UpperCase() 将对象全部转为大写
substring(0,5) string.substring(x,x) 返回对象中从0到5的字符
setTimeout("function",time) 设置一个超时对象
setInterval("function",time) 设置一个超时对象

toLocaleString() x.toLocaleString() 从x时间对象中获取时间，以字符串型式存在
typeof(变量名) 检查变量的类型，值有：String,Boolean,Object,Function,Underfined

window.event.button==1/2/3 鼠标键左键等于1右键等于2两个键一起按为3
window.screen.availWidth 返回当前屏幕宽度(空白空间)
window.screen.availHeight 返回当前屏幕高度(空白空间)
window.screen.width 返回当前屏幕宽度(分辨率值)
window.screen.height 返回当前屏幕高度(分辨率值)
window.document.body.offsetHeight; 返回当前网页高度
window.document.body.offsetWidth; 返回当前网页宽度
window.resizeTo(0,0) 将窗口设置宽高
window.moveTo(0,0) 将窗口移到某位置
window.focus() 使当前窗口获得焦点
window.scroll(x,y) 窗口滚动条坐标，y控制上下移动，须与函数配合
window.open() window.open("地址","名称","属性")
属性:toolbar(工具栏),location(地址栏),directions,status(状态栏),
menubar(菜单栏),scrollbar(滚动条),resizable(改变大小), width(宽),height(高),fullscreen(全 屏),scrollbars(全屏时无滚动条无参 数,channelmode(宽屏),left(打开窗口x坐标),top(打开窗口y坐标)
window.location = 'view-source:' + window.location.href 应用事件查看网页源代码;

a=new Date(); //创建a为一个新的时期对象
y=a.getYear(); //y的值为从对象a中获取年份值 两位数年份
y1=a.getFullYear(); //获取全年份数 四位数年份
m=a.getMonth(); //获取月份值
d=a.getDate(); //获取日期值
d1=a.getDay(); //获取当前星期值
h=a.getHours(); //获取当前小时数
m1=a.getMinutes(); //获取当前分钟数
s=a.getSeconds(); //获取当前秒钟数

对象.style.fontSize="文字大小";
单位：mm/cm/in英寸/pc帕/pt点/px象素/em文字高
1in=1.25cm
1pc=12pt
1pt=1.2px(800*600分辩率下)

文本字体属性：
fontSize大小
family字体
color颜色
fontStyle风格，取值为normal一般,italic斜体,oblique斜体且加粗
fontWeight加粗,取值为100到900不等,900最粗,light,normal,bold
letterSpacing间距,更改文字间距离,取值为,1pt,10px,1cm
textDecoration:文字修饰;取值,none不修饰,underline下划线,overline上划线
background:文字背景颜色,
backgroundImage:背景图片,取值为图片的插入路径

点击网页正文函数调用触发器：

1.onClick 当对象被点击
2.onLoad 当网页打开,只能书写在body中
3.onUnload 当网页关闭或离开时,只能书写在body中
4.onmouseover 当鼠标悬于其上时
5.onmouseout 当鼠标离开对象时
6.onmouseup 当鼠标松开
7.onmousedown 当鼠标按下键
8.onFocus 当对象获取焦点时
9.onSelect 当对象的文本被选中时
10.onChange 当对象的内容被改变
11.onBlur 当对象失去焦点
onsubmit=return(ss())表单调用时返回的值

直线 border-bottom:1x solid black
虚线 border-bottom:1x dotted black
点划线 border-bottom:2x dashed black
双线 border-bottom:5x double black
槽状 border-bottom:1x groove black
脊状 border-bottom:1x ridge black

1.边缘高光glow(color=颜色,strength=亮光大小)



小卓 2008-10-13 17:54 发表评论
]]>javascript验证给定的日期的合法性http://www.blogjava.net/table/articles/234069.html小卓小卓Mon, 13 Oct 2008 09:53:00 GMThttp://www.blogjava.net/table/articles/234069.htmlhttp://www.blogjava.net/table/comments/234069.htmlhttp://www.blogjava.net/table/articles/234069.html#Feedback0http://www.blogjava.net/table/comments/commentRss/234069.htmlhttp://www.blogjava.net/table/services/trackbacks/234069.html

<script language="javascript">

//验证给定的日期是否合法   ,参数格式要求：yyyy-mm-dd 可以根据情况更改正则表达式
function isDate(oStartDate)
{
    //对日期格式进行验证 要求为2000-2099年  格式为 yyyy-mm-dd 并且可以正常转换成正确的日期
    var pat_hd=/^20\d{2}-((0[1-9]{1})|(1[0-2]{1}))-((0[1-9]{1})|([1-2]{1}[0-9]{1})|(3[0-1]{1}))$/;
 
 try{
     if(!pat_hd.test(oStartDate)){throw "日期非法！";}
  var arr_hd=oStartDate.split("-");
  var dateTmp;
  dateTmp= new Date(arr_hd[0],parseFloat(arr_hd[1])-1,parseFloat(arr_hd[2]));
  if(dateTmp.getFullYear()!=parseFloat(arr_hd[0]) || dateTmp.getMonth()!=parseFloat(arr_hd[1]) -1 || dateTmp.getDate()!=parseFloat(arr_hd[2]))
  {
   throw "日期非法！";
  }
 }
 catch(ex)
 {
  if(ex.description)
   {return false;}
   else
    {return false;}
 }
 return true;
}

//调用

alert(isDate("2005-12-12"));
alert(isDate("2004-13-30"));
alert(isDate("2005-12-32"));
alert(isDate("2005-02-30"));

</script>



小卓 2008-10-13 17:53 发表评论
]]>实现一个日期下拉菜单http://www.blogjava.net/table/articles/234068.html小卓小卓Mon, 13 Oct 2008 09:50:00 GMThttp://www.blogjava.net/table/articles/234068.htmlhttp://www.blogjava.net/table/comments/234068.htmlhttp://www.blogjava.net/table/articles/234068.html#Feedback0http://www.blogjava.net/table/comments/commentRss/234068.htmlhttp://www.blogjava.net/table/services/trackbacks/234068.html

这篇文章的主旨是弄清楚如何根据实际需求实现一个联动菜单以及联动菜单的原理，实例是实现一个日期选择下拉菜单。本文调试环境为IE6/firefox1.5。

首先来分析一下日期下拉菜单的需求。建议大家在写任何程序的时候都应该在动手编程之前想清楚自己需要些什么，这样编程才有效率。

年份： 一般来说有一个有效年份，比如说1900年至当前年份才是为效的，这个要根据实际需求来确定，如果是该下拉菜单是用来选择出生年月日还得把最大的年份减到一定的数目，如果有人的生日选择了2005年（即当前的年份），那是不正常的。

月份：没有什么特殊需求，不管是哪一年都是有十二个月。

天数：每个月的天数都可能是不定的，当然这可以根据一定的算法求出来，而它的根据就是当前选择的年份和月份。月份都有一个固定的天数，即一、三、五、七、八、十、十二月是三十一天，而四、六、九、十一月是三十天，二月份要根据当年是否为闰年判断是二十八天还是二十九天。求当月的天数我提出一个比较简单的算法，可以只根据当前的年份和月份就可以求出当月的天数，这会在后边讲一讲思路并将其实现。

好了，现在我们来具体实现这个日期联动下拉菜单。

联动下拉菜单是以两个或多个select元素为单位的，为了让这些菜单更多紧密的工作，我们可以实现一个类用来管理它们的初始化、事件，在这里就使用DateSelector为类名，它有三个属性，分别为年、月、日的下拉菜单，而这三个select元素是由构造函数的参数传进来的，另外为了更灵活地使用它，我们还可以再给DateSelector类的构造函数增加一个（Date对象）或三个参数(int数值)，表示初始化的年月日。由于参数个数不定，我们可以不将另外增加的参数写入参数表里，而是在运行时判断arguments对象的length属性来执行不同的操作。arguments对象存储了当前函数的参数信息，可以查阅一下相关的资料比如说《Windows脚本技术》。

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>如何实现一个日期下拉菜单</title>
<script type="text/javascript">
function DateSelector(selYear, selMonth, selDay)
{
    this.selYear = selYear;
    this.selMonth = selMonth;
    this.selDay = selDay;
}
</script>
</head>
<body>
</body>
</html>

接下来开始对联动菜单进行初始化，首先是年份，我们可以给类增加一个MinYear属性表示最小的年份，再增加一个MaxYear表示最大的年份，实现一个InitYearSelect方法初始化年份，实现一个InitMonthSelect方法初始化月份。由于这几个属性和方法的思路都是很简单，就不一一讲解，看看代码是怎么写的应该就能够明白，如果对类方面有不清楚有地方可以参考我发表在无忧脚本另一篇文章《由浅到深了解JavaScript类》。

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>如何实现一个日期下拉菜单</title>
<script type="text/javascript">
function DateSelector(selYear, selMonth, selDay)
{
    this.selYear = selYear;
    this.selMonth = selMonth;
    this.selDay = selDay;
    this.InitYearSelect();
    this.InitMonthSelect();
}

// 增加一个最大年份的属性
DateSelector.prototype.MinYear = 1900;

// 增加一个最大年份的属性
DateSelector.prototype.MaxYear = (new Date()).getFullYear();

// 初始化年份
DateSelector.prototype.InitYearSelect = function()
{
    // 循环添加OPION元素到年份select对象中
    for(var i = this.MaxYear; i >= this.MinYear; i--)
    {
        // 新建一个OPTION对象
        var op = window.document.createElement("OPTION");
       
        // 设置OPTION对象的值
        op.value = i;
       
        // 设置OPTION对象的内容
        op.innerHTML = i;
       
        // 添加到年份select对象
        this.selYear.appendChild(op);
    }
}

// 初始化月份
DateSelector.prototype.InitMonthSelect = function()
{
    // 循环添加OPION元素到月份select对象中
    for(var i = 1; i < 13; i++)
    {
        // 新建一个OPTION对象
        var op = window.document.createElement("OPTION");
       
        // 设置OPTION对象的值
        op.value = i;
       
        // 设置OPTION对象的内容
        op.innerHTML = i;
       
        // 添加到月份select对象
        this.selMonth.appendChild(op);
    }
}
</script>
</head>
<body>
<select id="selYear"></select>
<select id="selMonth"></select>
<select id="selDay"></select>
<script type="text/javascript">
var selYear = window.document.getElementById("selYear");
var selMonth = window.document.getElementById("selMonth");
var selDay = window.document.getElementById("selDay");

// 新建一个DateSelector类的实例，将三个select对象传进去
new DateSelector(selYear, selMonth ,selDay);
</script>
</body>
</html>

接下来要对天数进行初始化了，前边有说过天数是不定的，那要如何准确求出它的天数呢？我们稍加分析就知道每个月的最后一天就是该月的天数，相当于下一个月的第一天的前一天，比如说我们要求2005年11月的天数，那我们只需要得到2005年12月一日的前一天即可得到2005年11月最后一天。可以给DateSelector添加一个方法DaysInMonth来实现该功能。

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>如何实现一个日期下拉菜单</title>
<script type="text/javascript">
function DateSelector(selYear, selMonth, selDay)
{
    this.selYear = selYear;
    this.selMonth = selMonth;
    this.selDay = selDay;
    this.InitYearSelect();
    this.InitMonthSelect();
}

// 增加一个最大年份的属性
DateSelector.prototype.MinYear = 1900;

// 增加一个最大年份的属性
DateSelector.prototype.MaxYear = (new Date()).getFullYear();

// 初始化年份
DateSelector.prototype.InitYearSelect = function()
{
    // 循环添加OPION元素到年份select对象中
    for(var i = this.MaxYear; i >= this.MinYear; i--)
    {
        // 新建一个OPTION对象
        var op = window.document.createElement("OPTION");
       
        // 设置OPTION对象的值
        op.value = i;
       
        // 设置OPTION对象的内容
        op.innerHTML = i;
       
        // 添加到年份select对象
        this.selYear.appendChild(op);
    }
}

// 初始化月份
DateSelector.prototype.InitMonthSelect = function()
{
    // 循环添加OPION元素到月份select对象中
    for(var i = 1; i < 13; i++)
    {
        // 新建一个OPTION对象
        var op = window.document.createElement("OPTION");
       
        // 设置OPTION对象的值
        op.value = i;
       
        // 设置OPTION对象的内容
        op.innerHTML = i;
       
        // 添加到月份select对象
        this.selMonth.appendChild(op);
    }
}

// 根据年份与月份获取当月的天数
DateSelector.DaysInMonth = function(year, month)
{
    var date = new Date(year, month, 0);
    return date.getDate();
}
</script>
</head>
<body>
<select id="selYear"></select>
<select id="selMonth"></select>
<select id="selDay"></select>
<script type="text/javascript">
var selYear = window.document.getElementById("selYear");
var selMonth = window.document.getElementById("selMonth");
var selDay = window.document.getElementById("selDay");

// 新建一个DateSelector类的实例，将三个select对象传进去
new DateSelector(selYear, selMonth ,selDay);
alert("2004年2月的天数为" + DateSelector.DaysInMonth(2004, 2));
alert("2005年2月的天数为" + DateSelector.DaysInMonth(2005, 2));
</script>
</body>
</html>

很明显，这种方法根本不需要考虑到该年份是否为闰年就可以轻松求出指定月的天数。另外，有些网友可能会对“var date = new Date(year, month, 0);”这句代码觉得奇怪，传入的是2005,2,0，这看起来似乎是求二月份第一天的前一天即一月份的最后一天，为什么还会得到二月份的天数？这里必须说明一天，JavaScript的Date对象里的月份是由0开始到11结束，也就是说0表示一月，2表示三月，所以就有这种错觉，在使用JavaScript的Date对象时要特别注意这一点。

好了，天数的算法也解决了，那么我们可以轻松写出一个InitDaySelect方法来初始化天数了，在这个方法里要根据当前年份下拉菜单和月份下拉菜单的值算出该月的天数，由于天数是变动的，因此我们在该方法里也可事先清空天数下拉菜单的内容。

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>如何实现一个日期下拉菜单</title>
<script type="text/javascript">
function DateSelector(selYear, selMonth, selDay)
{
    this.selYear = selYear;
    this.selMonth = selMonth;
    this.selDay = selDay;
    this.InitYearSelect();
    this.InitMonthSelect();
    this.InitDaySelect();
}

// 增加一个最大年份的属性
DateSelector.prototype.MinYear = 1900;

// 增加一个最大年份的属性
DateSelector.prototype.MaxYear = (new Date()).getFullYear();

// 初始化年份
DateSelector.prototype.InitYearSelect = function()
{
    // 循环添加OPION元素到年份select对象中
    for(var i = this.MaxYear; i >= this.MinYear; i--)
    {
        // 新建一个OPTION对象
        var op = window.document.createElement("OPTION");
       
        // 设置OPTION对象的值
        op.value = i;
       
        // 设置OPTION对象的内容
        op.innerHTML = i;
       
        // 添加到年份select对象
        this.selYear.appendChild(op);
    }
}

// 初始化月份
DateSelector.prototype.InitMonthSelect = function()
{
    // 循环添加OPION元素到月份select对象中
    for(var i = 1; i < 13; i++)
    {
        // 新建一个OPTION对象
        var op = window.document.createElement("OPTION");
       
        // 设置OPTION对象的值
        op.value = i;
       
        // 设置OPTION对象的内容
        op.innerHTML = i;
       
        // 添加到月份select对象
        this.selMonth.appendChild(op);
    }
}

// 根据年份与月份获取当月的天数
DateSelector.DaysInMonth = function(year, month)
{
    var date = new Date(year, month, 0);
    return date.getDate();
}

// 初始化天数
DateSelector.prototype.InitDaySelect = function()
{
    // 使用parseInt函数获取当前的年份和月份
    var year = parseInt(this.selYear.value);
    var month = parseInt(this.selMonth.value);
   
    // 获取当月的天数
    var daysInMonth = DateSelector.DaysInMonth(year, month);
   
    // 清空原有的选项
    this.selDay.options.length = 0;
    // 循环添加OPION元素到天数select对象中
    for(var i = 1; i <= daysInMonth ; i++)
    {
        // 新建一个OPTION对象
        var op = window.document.createElement("OPTION");
       
        // 设置OPTION对象的值
        op.value = i;
       
        // 设置OPTION对象的内容
        op.innerHTML = i;
       
        // 添加到天数select对象
        this.selDay.appendChild(op);
    }
}
</script>
</head>
<body>
<select id="selYear"></select>
<select id="selMonth"></select>
<select id="selDay"></select>
<script type="text/javascript">
var selYear = window.document.getElementById("selYear");
var selMonth = window.document.getElementById("selMonth");
var selDay = window.document.getElementById("selDay");

// 新建一个DateSelector类的实例，将三个select对象传进去
new DateSelector(selYear, selMonth ,selDay);
</script>
</body>
</html>

现在已经写好几个方法用来初始化三个下拉菜单的选项了，我们需要做的是让它们结合并动起来。如果年份或月份有变动，那么应该重新计算天数并且重新初始化天数，这可以通过selYear和selMonth的onchange来实现。由于这三个下拉菜单是要紧密联动的，因此特地给它们增加一个属性Selector，值为当前的DateSelector实例。同时实现selYear和selMonth的onchange，如果发生onchange则调用InitDaySelect重新初始化selDay下拉菜单。

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>如何实现一个日期下拉菜单</title>
<script type="text/javascript">
function DateSelector(selYear, selMonth, selDay)
{
    this.selYear = selYear;
    this.selMonth = selMonth;
    this.selDay = selDay;
    this.InitYearSelect();
    this.InitMonthSelect();
    this.InitDaySelect();
    this.selYear.Group = this;
    this.selMonth.Group = this;
   
    // 给年份、月份下拉菜单添加处理onchange事件的函数
    if(window.document.all != null) // IE
    {
        this.selYear.attachEvent("onchange", DateSelector.Onchange);
        this.selMonth.attachEvent("onchange", DateSelector.Onchange);
    }
    else // Firefox
    {
        this.selYear.addEventListener("change", DateSelector.Onchange, false);
        this.selMonth.addEventListener("change", DateSelector.Onchange, false);
    }
}

// 增加一个最大年份的属性
DateSelector.prototype.MinYear = 1900;

// 增加一个最大年份的属性
DateSelector.prototype.MaxYear = (new Date()).getFullYear();

// 初始化年份
DateSelector.prototype.InitYearSelect = function()
{
    // 循环添加OPION元素到年份select对象中
    for(var i = this.MaxYear; i >= this.MinYear; i--)
    {
        // 新建一个OPTION对象
        var op = window.document.createElement("OPTION");
       
        // 设置OPTION对象的值
        op.value = i;
       
        // 设置OPTION对象的内容
        op.innerHTML = i;
       
        // 添加到年份select对象
        this.selYear.appendChild(op);
    }
}

// 初始化月份
DateSelector.prototype.InitMonthSelect = function()
{
    // 循环添加OPION元素到月份select对象中
    for(var i = 1; i < 13; i++)
    {
        // 新建一个OPTION对象
        var op = window.document.createElement("OPTION");
       
        // 设置OPTION对象的值
        op.value = i;
       
        // 设置OPTION对象的内容
        op.innerHTML = i;
       
        // 添加到月份select对象
        this.selMonth.appendChild(op);
    }
}

// 根据年份与月份获取当月的天数
DateSelector.DaysInMonth = function(year, month)
{
    var date = new Date(year, month, 0);
    return date.getDate();
}

// 初始化天数
DateSelector.prototype.InitDaySelect = function()
{
    // 使用parseInt函数获取当前的年份和月份
    var year = parseInt(this.selYear.value);
    var month = parseInt(this.selMonth.value);
   
    // 获取当月的天数
    var daysInMonth = DateSelector.DaysInMonth(year, month);
   
    // 清空原有的选项
    this.selDay.options.length = 0;
    // 循环添加OPION元素到天数select对象中
    for(var i = 1; i <= daysInMonth ; i++)
    {
        // 新建一个OPTION对象
        var op = window.document.createElement("OPTION");
       
        // 设置OPTION对象的值
        op.value = i;
       
        // 设置OPTION对象的内容
        op.innerHTML = i;
       
        // 添加到天数select对象
        this.selDay.appendChild(op);
    }
}

// 处理年份和月份onchange事件的方法，它获取事件来源对象（即selYear或selMonth）
// 并调用它的Group对象（即DateSelector实例，请见构造函数）提供的InitDaySelect方法重新初始化天数
// 参数e为event对象
DateSelector.Onchange = function(e)
{
    var selector = window.document.all != null ? e.srcElement : e.target;
    selector.Group.InitDaySelect();
}
</script>
</head>
<body>
<select id="selYear"></select>
<select id="selMonth"></select>
<select id="selDay"></select>
<script type="text/javascript">
var selYear = window.document.getElementById("selYear");
var selMonth = window.document.getElementById("selMonth");
var selDay = window.document.getElementById("selDay");

// 新建一个DateSelector类的实例，将三个select对象传进去
new DateSelector(selYear, selMonth ,selDay);
</script>
</body>
</html>

到此为止我们已经基本实现DateSelector类要提供的功能了，为了更灵活地控制它，我们应该给它增加设定初始值的功能。一般来说有两种需求，第一种是传入一个Date对象，第二种是传入三个值分别表示年、月、日，也就是说我们必须重载构造函数，形式如下：

function DateSelector(selYear, selMonth, selDay)
function DateSelector(selYear, selMonth, selDay, date)
function DateSelector(selYear, selMonth, selDay, year, month, day)

当然，JavaScript没有重载的概念，但我们可以给它模拟出来，方法就是根据传入参数的个数（即arguments对象的length）以及类型来判断，这需要对原有的构造函数进行一定的改动使之更模块化地实现这三种情况。由于年份和月份是固定不变的，参数只会改变selYear和selMonth的已选选项，而selDay则要根据selYear和selMonth的值再动态生成，因此我们将初始化菜单代码再提出来写一个InitSelector方法里，它有三个参数，分别是year, month, day，功能是根据这三个参数来生成相应的菜单选项，我们这次调试使用2004年2月29日为初始值。要设置初始值的时候一般我们会循环访问option的值，但这里情况特殊，我们是可以根据一定的计算来得到默认选择的option的下标的。

年份下标 = MaxYear - year
月份下标 = month - 1
天数下标 = day - 1

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>如何实现一个日期下拉菜单</title>
<script type="text/javascript">
function DateSelector(selYear, selMonth, selDay)
{
    this.selYear = selYear;
    this.selMonth = selMonth;
    this.selDay = selDay;
    this.selYear.Group = this;
    this.selMonth.Group = this;
    // 给年份、月份下拉菜单添加处理onchange事件的函数
    if(window.document.all != null) // IE
    {
        this.selYear.attachEvent("onchange", DateSelector.Onchange);
        this.selMonth.attachEvent("onchange", DateSelector.Onchange);
    }
    else // Firefox
    {
        this.selYear.addEventListener("change", DateSelector.Onchange, false);
        this.selMonth.addEventListener("change", DateSelector.Onchange, false);
    }

    if(arguments.length == 4) // 如果传入参数个数为4，最后一个参数必须为Date对象
        this.InitSelector(arguments[3].getFullYear(), arguments[3].getMonth() + 1, arguments[3].getDate());
    else if(arguments.length == 6) // 如果传入参数个数为6，最后三个参数必须为初始的年月日数值
        this.InitSelector(arguments[3], arguments[4], arguments[5]);
    else // 默认使用当前日期
    {
        var dt = new Date();
        this.InitSelector(dt.getFullYear(), dt.getMonth() + 1, dt.getDate());
    }
}

// 增加一个最大年份的属性
DateSelector.prototype.MinYear = 1900;

// 增加一个最大年份的属性
DateSelector.prototype.MaxYear = (new Date()).getFullYear();

// 初始化年份
DateSelector.prototype.InitYearSelect = function()
{
    // 循环添加OPION元素到年份select对象中
    for(var i = this.MaxYear; i >= this.MinYear; i--)
    {
        // 新建一个OPTION对象
        var op = window.document.createElement("OPTION");
       
        // 设置OPTION对象的值
        op.value = i;
       
        // 设置OPTION对象的内容
        op.innerHTML = i;
       
        // 添加到年份select对象
        this.selYear.appendChild(op);
    }
}

// 初始化月份
DateSelector.prototype.InitMonthSelect = function()
{
    // 循环添加OPION元素到月份select对象中
    for(var i = 1; i < 13; i++)
    {
        // 新建一个OPTION对象
        var op = window.document.createElement("OPTION");
       
        // 设置OPTION对象的值
        op.value = i;
       
        // 设置OPTION对象的内容
        op.innerHTML = i;
       
        // 添加到月份select对象
        this.selMonth.appendChild(op);
    }
}

// 根据年份与月份获取当月的天数
DateSelector.DaysInMonth = function(year, month)
{
    var date = new Date(year, month, 0);
    return date.getDate();
}

// 初始化天数
DateSelector.prototype.InitDaySelect = function()
{
    // 使用parseInt函数获取当前的年份和月份
    var year = parseInt(this.selYear.value);
    var month = parseInt(this.selMonth.value);
   
    // 获取当月的天数
    var daysInMonth = DateSelector.DaysInMonth(year, month);
   
    // 清空原有的选项
    this.selDay.options.length = 0;
    // 循环添加OPION元素到天数select对象中
    for(var i = 1; i <= daysInMonth ; i++)
    {
        // 新建一个OPTION对象
        var op = window.document.createElement("OPTION");
       
        // 设置OPTION对象的值
        op.value = i;
       
        // 设置OPTION对象的内容
        op.innerHTML = i;
       
        // 添加到天数select对象
        this.selDay.appendChild(op);
    }
}

// 处理年份和月份onchange事件的方法，它获取事件来源对象（即selYear或selMonth）
// 并调用它的Group对象（即DateSelector实例，请见构造函数）提供的InitDaySelect方法重新初始化天数
// 参数e为event对象
DateSelector.Onchange = function(e)
{
    var selector = window.document.all != null ? e.srcElement : e.target;
    selector.Group.InitDaySelect();
}

// 根据参数初始化下拉菜单选项
DateSelector.prototype.InitSelector = function(year, month, day)
{
    // 由于外部是可以调用这个方法，因此我们在这里也要将selYear和selMonth的选项清空掉
    // 另外因为InitDaySelect方法已经有清空天数下拉菜单，因此这里就不用重复工作了
    this.selYear.options.length = 0;
    this.selMonth.options.length = 0;
   
    // 初始化年、月
    this.InitYearSelect();
    this.InitMonthSelect();
   
    // 设置年、月初始值
    this.selYear.selectedIndex = this.MaxYear - year;
    this.selMonth.selectedIndex = month - 1;
   
    // 初始化天数
    this.InitDaySelect();
   
    // 设置天数初始值
    this.selDay.selectedIndex = day - 1;
}
</script>
</head>
<body>
<select id="selYear"></select>
<select id="selMonth"></select>
<select id="selDay"></select>
<script type="text/javascript">
var selYear = window.document.getElementById("selYear");
var selMonth = window.document.getElementById("selMonth");
var selDay = window.document.getElementById("selDay");

// 新建一个DateSelector类的实例，将三个select对象传进去
new DateSelector(selYear, selMonth ,selDay, 2004, 2, 29);
// 也可以试试下边的代码
// var dt = new Date(2004, 1, 29);
// new DateSelector(selYear, selMonth ,selDay, dt);
</script>
</body>
</html>

好了，日期下拉菜单已经能够如我们想象的那样开始工作了，在调用的时候我们只需要执行new DateSelector(selYear, selMonth ,selDay, 2004, 2, 29);就可以，而且它内部关系紧密，你同一个页面可以同时运行好几组日期下拉菜单而互不影响，这也是我要采用类的形式而不是采用一组函数来实现的缘由了，我以后写的文章也会尽可能采用类的形式，这样写出来的代码使用起来会更加方便。像以往一样，我也得说88啦，希望大家能够继续支持无忧脚本的原创文章，并且踊跃参与到其中来。



小卓 2008-10-13 17:50 发表评论
]]>距离北京2008年奥运会开幕的倒记时特效http://www.blogjava.net/table/articles/234064.html小卓小卓Mon, 13 Oct 2008 09:41:00 GMThttp://www.blogjava.net/table/articles/234064.htmlhttp://www.blogjava.net/table/comments/234064.htmlhttp://www.blogjava.net/table/articles/234064.html#Feedback0http://www.blogjava.net/table/comments/commentRss/234064.htmlhttp://www.blogjava.net/table/services/trackbacks/234064.html距离北京奥运会开幕还有
<br>
<html>
<head>
<title>倒计时测试</title>
<!--倒计时设置代码-->
<script language="JavaScript">
<!-- hide script from old browser
var DifferenceHour = -1
var DifferenceMinute = -1
var DifferenceSecond = -1
var Tday = new Date("Aug 8, 2008 20:00:00")   //**倒计时时间点-注意格式
var daysms = 24 * 60 * 60 * 1000
var hoursms = 60 * 60 * 1000
var Secondms = 60 * 1000
var microsecond = 1000
function clock()
{
var time = new Date()
var hour = time.getHours()
var minute = time.getMinutes()
var second = time.getSeconds()
var timevalue = ""+((hour > 12) ? hour-12:hour)
timevalue +=((minute < 10) ? ":0":":")+minute
timevalue +=((second < 10) ? ":0":":")+second
timevalue +=((hour >12 ) ? " PM":" AM")
// document.formnow.now.value = timevalue
var convertHour = DifferenceHour
var convertMinute = DifferenceMinute
var convertSecond = DifferenceSecond
var Diffms = Tday.getTime() - time.getTime()
DifferenceHour = Math.floor(Diffms / daysms)
Diffms -= DifferenceHour * daysms
DifferenceMinute = Math.floor(Diffms / hoursms)
Diffms -= DifferenceMinute * hoursms
DifferenceSecond = Math.floor(Diffms / Secondms)
Diffms -= DifferenceSecond * Secondms
var dSecs = Math.floor(Diffms / microsecond)
if(convertHour != DifferenceHour) document.formnow.dd.value=DifferenceHour
if(convertMinute != DifferenceMinute) document.formnow.hh.value=DifferenceMinute
if(convertSecond != DifferenceSecond) document.formnow.mm.value=DifferenceSecond
document.formnow.ss.value=dSecs
// document.formnow.Tnow.value= DifferenceHour DifferenceMinute + DifferenceSecond + dSecs
setTimeout("clock()",1000)
}
// end hiding -->
</script>
</head>
<!--BODY里面的ONLOAD注意-->
<body onload="clock();return true" text="red">
<!--实现显示-->
<form name="formnow">
        <input name="dd" type="text" style="border:0;" size=2>
        天
        <input name="hh" type="text" style="border:0;" size=2>
        小时
        <input name="mm" type="text" style="border:0;" size=2>
        分
        <input name="ss" type="text" style="border:0;" size=2>
        秒
  </form>
<!--倒计时完毕-->

小卓 2008-10-13 17:41 发表评论
]]>