BlogJava-常言笑的家-随笔分类-JAVASCRIPT/AJAX

JavaScript日期控件

常言笑 — Thu, 24 Apr 2008 01:51:00 GMT

常言笑 2008-04-24 09:51 发表评论

用xmlhttp和Java session监听改善站内消息系统

常言笑 — Tue, 26 Jun 2007 03:34:00 GMT

　　这个题目含有许多需要解释的概念，最容易说明的是“站内消息”，这是很多论坛都有的功能，可以通过web向其他的在线用户发送消息，很多用户都使用过。站内消息的第一个好处是大家都不需要安装客户端，你不用知道对方的MSN或者QQ，就能与他联系，称赞他的观点或者是给他一顿臭骂。第二个好处是客户管理方便，利用session来维护在线名单，各种脚本都已经把session操作封装得很易用了，不用像其他无状态的即时通信工具（比如使用UDP通信的工具）一样，要费一些脑细胞来解决在线名单的问题。缺点嘛，就是实时性不好，一般是在用户跳转或者刷新页面才能探测消息、更新在线名单。

　　Session监听嘛，没什么好解释的，java提供了很灵活的事件机制来监听session，可以监听session的创建和销毁，监控session所携带数据的创建、变化和销毁，可以监听session的锐化和钝化（了解对象序列化的兄弟应该知道这个），其他的平台是个什么情况我不太清楚，估计也差不多吧。如果能够对所有客户的session进行监控，就不用再去操作麻烦而危险的Application了。

　　Xmlhttp是MS推的一项技术，功能很复杂，可以做很多事情，比如客户端可以在简单的HTML中打开HTTP连接，主动向server请求数据并获得返回数据，是DOM技术一个非常重要的应用，利用它来写无刷新的动态页面简直是so easy，做过web开发的兄弟应该明白它的意义有多么重大。

一、 session监听

　　servlet中对session的监听有很多接口，功能很灵活，最常用的是监听Session和Attribute。这里要澄清一下概念，servlet中的session监听和Attribute监听含义有差别，session监听指的不是我们一般所理解的放置一个session或者销毁一个session，这是Attribute监听的功能，因为servlet中放置session的语法是session.setAttribute(“session名”,要放入的对象)。而session监听，监听的是HTTP连接，只要有用户与server连接，就算连接的是一个空白的jsp页面，也会触发session事件，所以此处的session实际上指的是connection，用来统计当前在线用户数最合适了。不知道我说清楚了没有。下面分别讲解这两种监听方式。

　　1、 session监听

　　首先编写一个session监听类，实作HttpSessionListener接口，它的作用是计算当前有多少个在线用户：

package org.bromon.test;

import javax.servlet.*;
import javax.servlet.http.*;

public class SessionCount implements HttpSessionListener
{
private static int count=0;

public void sessionCreated(HttpSessionEvent se)
{
count++;
System.out.println(“session创建：”+new java.util.Date());
}

public void sessionDestroyed(HttpSessionEvent se)
{
count--;
System.out.println(“session销毁:”+new java.util.Date());
}

public static int getCount()
{
return(count);
}
}

　　怎么样，是不是一目了然？count被定义为static，是因为要保证整个系统只有这一个count。如果你实在不放心，可以把它写成一个单例类。

　　然后在web.xml中声明这个监听器：

<listener>
<listener-class>
org.bromon.test.SessionCount
listener-class>
listener>

　　编写一个测试页面test.jsp，内容是获得count：

<%
int count=org.bromon.test.SessionCount.getCount();
out.println(count);
%>

　　需要注意的是，这里根本不涉及任何session的操作。重启动App server，试着连接test.jsp，可以看到监听器已经开始工作。

　　2、 Attribute监听

　　作为一个站内消息系统，肯定要获得所有登陆者的ID，才有可能互发消息。这就涉及Attribute监听。假设我们写了个用户登陆的模块，用户通过身份验证之后会产生一个session，保存它的相关信息，比如：

//check.jsp
<%
String name=request.getParameter(“name”);
Name=new String(name.getBytes(“ISO8859-1”));
session.setAttribute(“user”,name);
%>

　　做过jsp的兄弟应该对这段代码再熟悉不过了，下面写个监听器来监听用户登陆，把所有用户的ID保存到一个List当中，这个监听器实作HttpSessionAttributeListener接口：

package org.bromon.test;

import javax.servlet.*;
import javax.servlet.http.*;
import java.util.*;

public class OnlineList implements HttpSessionAttributeListener
{
private static List list=new ArrayList();

public void attributeAdded(HttpSessionBindingEvent se)
{
if(“user”.equals(se.getName()))
{
list.add(se.getValue());
}
}

public void attributeRemoved(HttpSessionBindingEvent se)
{
if(“user”.equals(se.getName()))
{
list.remove(se.getValue());
}
}

public void attributeReplaced(HttpSessionBindingEvent se){}

public static List getList()
{
return(list);
}
}

　　写个简单的jsp来得到用户列表：

<%
java.util.List list=org.bromon.test.OnlineList.getList();
out.println(“共有”+list.size()+”名用户已登陆：”);
for(int I=0;I<lise.size();i++)
{
out.println(list.get(i));
}
%>

　　也许你说，这有什么神奇呢，监听session而已，不着急，看看xmlhttp。

二、 XMLHTTP

　　XMLHTTP的用处很多，这里只说我们需要的，就是无刷新的与server通信，看这段代码：

　　豁然开朗，这段代码就是打开一个HTTP连接，以标准的HTTP格式传递数据，如果你喜欢，可以用XML的格式来传递。更改一下xml对象的构造方式就可以兼容Mozilla和Netscape。下面来写一个轮询，每隔一段时间刷新一次用户列表，当然，是不需要刷新页面的：

<html>
<head><title>探测器title>
<script language="javascript">
function detect()
{
xml = new ActiveXObject("Microsoft.XMLHTTP");
var post=" ";//构造要携带的数据
xml.open("POST","http://localhost:7001/TestWL/index.jsp",false);//使用POST方法打开一个到服务器的连接，以异步方式通信
xml.setrequestheader("content-length",post.length);
xml.setrequestheader("content-type","application/x-www-form-urlencoded");
xml.send(post);//发送数据
var res = xml.responseText;//接收服务器返回的数据
list.innerText=res;
setTimeout(“detect()”,5000);//每隔5秒钟轮询一次
}
script>
<body onload=”detect()”>
<a id=”list”>a>
body>
html>

　　这样的通信方式数据量很小，不用重新传递整个页面，5秒钟轮一次，普通PC也能承受较大的在线数。构造一个探测器来监听在线列表和消息，效果是很好的，即使你的客户坐在电脑前袖手旁观，键鼠都不碰一下，也能保证数据即时传递，页面也不会发生跳转和刷新。

　　Session监听加上XMLHTTP通信，开发一个较为完善的站内消息系统实在易如反掌。

常言笑 2007-06-26 11:34 发表评论

XMLHTTP无刷新自动实时更新数据 ajax技术

常言笑 — Tue, 26 Jun 2007 02:36:00 GMT









cellpadding="1" cellspacing="0" id="tb">










num1 num2

常言笑 2007-06-26 10:36 发表评论

BS开发中常用的Javascript技术

常言笑 — Tue, 08 May 2007 06:43:00 GMT

一、验证类
1、数字验证内
1.1 整数
1.2 大于0的整数（用于传来的ID的验证)
1.3 负整数的验证
1.4 整数不能大于iMax
1.5 整数不能小于iMin
2、时间类
2.1 短时间，形如 (13:04:06)
2.2 短日期，形如 (2003-12-05)
2.3 长时间，形如 (2003-12-05 13:04:06)
2.4 只有年和月。形如(2003-05,或者2003-5)
2.5 只有小时和分钟,形如(12:03)
3、表单类
3.1 所有的表单的值都不能为空
3.2 多行文本框的值不能为空。
3.3 多行文本框的值不能超过sMaxStrleng
3.4 多行文本框的值不能少于sMixStrleng
3.5 判断单选框是否选择。
3.6 判断复选框是否选择.
3.7 复选框的全选，多选，全不选，反选
3.8 文件上传过程中判断文件类型
4、字符类
4.1 判断字符全部由a-Z或者是A-Z的字字母组成
4.2 判断字符由字母和数字组成。
4.3 判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母
4.4 字符串替换函数.Replace();
5、浏览器类
5.1 判断浏览器的类型
5.2 判断ie的版本
5.3 判断客户端的分辨率

6、结合类
6.1 email的判断。
6.2 手机号码的验证
6.3 身份证的验证

二、功能类

1、时间与相关控件类
1.1 日历
1.2 时间控件
1.3 万年历
1.4 显示动态显示时钟效果（文本，如OA中时间）
1.5 显示动态显示时钟效果 (图像，像手表)
2、表单类
2.1 自动生成表单
2.2 动态添加，修改，删除下拉框中的元素
2.3 可以输入内容的下拉框
2.4 多行文本框中只能输入iMax文字。如果多输入了，自动减少到iMax个文字（多用于短信发送)

3、打印类
3.1 打印控件
4、事件类
4.1 屏蔽右键
4.2 屏蔽所有功能键
4.3 --> 和<-- F5 F11,F9,F1
4.4 屏蔽组合键ctrl+N
5、网页设计类
5.1 连续滚动的文字，图片（注意是连续的，两段文字和图片中没有空白出现）
5.2 html编辑控件类
5.3 颜色选取框控件
5.4 下拉菜单
5.5 两层或多层次的下拉菜单
5.6 仿IE菜单的按钮。（效果如rongshuxa.com的导航栏目)
5.7 状态栏，title栏的动态效果（例子很多，可以研究一下）
5.8 双击后，网页自动滚屏
6、树型结构。
6.1 asp+SQL版
6.2 asp+xml+sql版
6.3 java+sql或者java+sql+xml
7、无边框效果的制作
8、连动下拉框技术
9、文本排序
10，画图类，含饼、柱、矢量贝滋曲线
11，操纵客户端注册表类
12，DIV层相关（拖拽、显示、隐藏、移动、增加）
13，TABLAE相关(客户端动态增加行列，模拟进度条，滚动列表等)
14，各种相关类，如播放器，flash与脚本互动等
16, 刷新/模拟无刷新异步调用类（XMLHttp或iframe,frame）

4、事件类
4.1 屏蔽右键
在body标签里加上oncontextmenu=self.event.returnValue=false
4.2 屏蔽所有功能键

4.3 --> 和<-- F5 F11,F9,F1

4.4 屏蔽组合键ctrl+N

3.8 文件上传过程中判断文件类型

不断地清空剪贴板:

全屏技术：
真正的全屏页面解决之道！（全代码）
真正全屏解决之道：
1.htm

无标题文档

fullscreen.htm

无标题文档

关闭

onclick="modelesswin('login.htm',300,160)">用模态登录窗口

cellspacing="14" bgcolor="#CCCCCC">

用户名：	class="whiteline">
密　码：	class="whiteline">
	class="boxline">

自动关掉原窗口：

无标题文档

height=0 width=0>

关键是在onload事件中加入：
window.opener=null;window.close()

预读图片：

关于两个网页刷新交互的问题
JS处理方法：

a.htm

发表留言

b.htm

关闭

后台处理方法：

private btnForSubmit(Object sender,EventArgs e)
{
.............
Response.Write("");
//string str="";
//this.RegisterStartupScript("mycode",str);
external.m2_blocked()、external.m2_blocked()方法使用详解

Javascript有许多内建的方法来产生对话框，如：window.alert(),
window.confirm(),window.prompt().等。然而IE提供更多的方法支持对话框。如：

　　external.m2_blocked() (IE 4+ 支持)
　　external.m2_blocked() (IE 5+ 支持)

window.external.m2_blocked()方法用来创建一个显示HTML内容的模态对话框，
由于是对话框，因此它并没有一般用window.open()打开的窗口的所有属性。
window.external.m2_blocked()方法用来创建一个显示HTML内容的非模态对话框。

当我们用external.m2_blocked()打开窗口时，不必用window.close()去关闭它，
当以非模态方式[IE5]打开时，打开对话框的窗口仍可以进行其他的操作，即对话框
不总是最上面的焦点，当打开它的窗口ＵＲＬ改变时，它自动关闭。而模态[ＩＥ４]
方式的对话框始终有焦点（焦点不可移走，直到它关闭）。模态对话框和打开它的窗
口相联系，因此我们打开另外的窗口时，他们的链接关系依然保存，并且隐藏在活动
窗口的下面。

使用方法如下：
vReturnValue=window.external.m2_blocked(sURL [,vArguments] [,sFeatures])
vReturnValue=window.external.m2_blocked(sURL [,vArguments] [,sFeatures])
参数说明：
sURL
必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
vArguments
可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。
对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures
可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，
用分号“;”隔开。
dialogHeight 对话框高度，不小于１００px，ＩＥ４中dialogHeight 和 dialogWidth
默认的单位是em，而ＩＥ５中是px，为方便其见，在定义modal方式的对话框时，用px
做单位。
　　dialogWidth: 对话框宽度。
　　dialogLeft: 距离桌面左的距离。
　　dialogTop: 离桌面上的距离。
　　center: {yes | no | 1 | 0 }：窗口是否居中，默认yes，但仍可以指定高度和宽度。
　　help: {yes | no | 1 | 0 }：是否显示帮助按钮，默认yes。
　　resizable: {yes | no | 1 | 0 } [ＩＥ５＋]：是否可被改变大小。默认no。
　　status: {yes | no | 1 | 0 } [IE5+]：是否显示状态栏。默认为yes[ Modeless]
或no[Modal]。
scroll:{ yes | no | 1 | 0 | on | off }：指明对话框是否显示滚动条。默认为yes。

还有几个属性是用在HTA中的，在一般的网页中一般不使用。
dialogHide:{ yes | no | 1 | 0 | on | off }：在打印或者打印预览时对话框是否隐藏。
默认为no。
edge:{ sunken | raised }：指明对话框的边框样式。默认为raised。
unadorned:{ yes | no | 1 | 0 | on | off }：默认为no。

传入参数：
要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，
最大为4096个字符。也可以传递对象，例如：

test1.htm
====================

test2.htm
====================

test3.htm
====================

可以通过window.returnValue向打开对话框的窗口返回信息，当然也可以是对象。
例如：

test4.htm
===================

test5.htm
===================

常见问题：
1，如何在模态对话框中进行提交而不新开窗口？
如果你的浏览器是IE5.5+,可以在对话框中使用带name属性的iframe，提交时可以
制定target为该iframe的name。对于IE4+，你可以用高度为0的frame来作：例子，

test6.htm
===================

test7.htm
===================
if(window.location.search) alert(window.location.search)

test8.htm
===================

2,可以通过http://servername/virtualdirname/test.htm?name=mxh方式直接向
对话框传递参数吗？
答案是不能。但在frame里是可以的。
//屏蔽 F5 刷新键

function document.onkeydown()
{
    var k = window.event.keyCode;
    if (k == 116)                   //屏蔽 F5 刷新键
    {
        window.event.keyCode    = 0;
        window.event.returnValue= false;
    }
}

常言笑 2007-05-08 14:43 发表评论

javascript小技巧

常言笑 — Tue, 26 Dec 2006 07:43:00 GMT

事件源对象
event.srcElement.tagName
event.srcElement.type
捕获释放 event.srcElement.setCapture();
event.srcElement.releaseCapture();
事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
事件返回值
event.returnValue
鼠标位置 event.x
event.y
窗体活动元素 document.activeElement
绑定事件
document.captureEvents(Event.KEYDOWN);
访问窗体元素 document.all("txt").focus();
document.all("txt").select();
窗体命令
document.execCommand
窗体COOKIE document.cookie
菜单事件
document.oncontextmenu
创建元素 document.createElement("SPAN");
根据鼠标获得元素： document.elementFromPoint(event.x,event.y).tagName=="TD document.elementFromPoint(event.x,event.y).appendChild(ms)
窗体图片
document.images[索引]
窗体事件绑定 document.onmousedown=scrollwindow;
元素
document.窗体.elements[索引]
对象绑定事件 document.all.xxx.detachEvent('onclick',a);
插件数目
navigator.plugins
取变量类型 typeof($js_libpath) == "undefined"
下拉框下拉框.options[索引]
下拉框.options.length
查找对象
document.getElementsByName("r1");
document.getElementById(id);
定时 timer=setInterval('scrollwindow()',delay);
clearInterval(timer);
UNCODE编码 escape() ,unescape
父对象
obj.parentElement(dhtml)
obj.parentNode(dom)
交换表的行 TableID.moveRow(2,1)
替换CSS document.all.csss.href = "a.css";
并排显示 display:inline
隐藏焦点 hidefocus=true
根据宽度换行 style="word-break:break-all"
自动刷新
简单邮件 mailto:aaa@bbb.com?subject=ccc&body=xxxyyy ">
快速转到位置 obj.scrollIntoView(true)
锚
 anchors
网页传递参数 location.search();
可编辑 obj.
执行菜单命令
obj.execCommand
双字节字符
/[^x00-xff]/
汉字
/[u4e00-u9fa5]/
让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all;
透明背景
获得style内容 obj.style.cssText
HTML标签
document.documentElement.innerHTML
第一个style标签
document.styleSheets[0]
style标签里的第一个样式
document.styleSheets[0].rules[0]
防止点击空链接时，页面往往重置到页首端。 word
上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer
释放内存 CollectGarbage();
禁止右键
document.oncontextmenu = function() { return false;}
禁止保存
禁止选取"return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>
禁止粘贴
地址栏图标

favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
收藏栏图标
查看源码
关闭输入法
自动全选
ENTER键可以让光标移到下一个输入框
文本框的默认值
title换行 obj.title = "123 sdfs "
获得时间所代表的微秒 var n1 = new Date("2004-10-10".replace(/-/g, "/")).getTime()
窗口是否关闭 win.closed
checkbox扁平
获取选中内容 document.selection.createRange().duplicate().text
自动完成功能打开该功能
关闭该功能
窗口最大化
无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");
统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
encodeURIComponent对":"、"/"、";" 和 "?"也编码
表格行指示

//各种尺寸

s += "rn网页可见区域宽："+ document.body.clientWidth;
s += "rn网页可见区域高："+ document.body.clientHeight;
s += "rn网页可见区域高："+ document.body.offsetWeight +" (包括边线的宽)";
s += "rn网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";
s += "rn网页正文全文宽："+ document.body.scrollWidth;
s += "rn网页正文全文高："+ document.body.scrollHeight;
s += "rn网页被卷去的高："+ document.body.scrollTop;
s += "rn网页被卷去的左："+ document.body.scrollLeft;
s += "rn网页正文部分上："+ window.screenTop;
s += "rn网页正文部分左："+ window.screenLeft;
s += "rn屏幕分辨率的高："+ window.screen.height;
s += "rn屏幕分辨率的宽："+ window.screen.width;
s += "rn屏幕可用工作区高度："+ window.screen.availHeight;
s += "rn屏幕可用工作区宽度："+ window.screen.availWidth;

//过滤数字

//特殊用途

//不缓存

//正则匹配

//无提示关闭

//取得控件得绝对位置(1)

//获得控件的绝对位置(2)

oRect = obj.getBoundingClientRect();
oRect.left
oRect.

//最小化,最大化,关闭

//光标停在文字最后

//页面进入和退出的特效

进入页面 "Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页面"Page-Exit" content="revealTrans(duration=x, transition=y)">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使
用哪种特效，取值为1-23:
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条
　　23

//网页是否被检索

//打印分页

//设置打印

"factory" style="display:none" viewastext
classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"
codebase="http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360"
>
"factory.printing.PageSetup()">
"factory.printing.Preview()">

"打印本页" onclick="factory.printing.Print(false)">
"页面设置" onclick="factory.printing.PageSetup()">
"打印预览" onclick="factory.printing.Preview()">

"http://www.meadroid.com/scriptx/docs/printdoc.htm?static" target=_blank>具体使用手册，更多信息，点这里

//自带的打印预览

WebBrowser.ExecWB(1,1) 打开
Web.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口
Web.ExecWB(4,1) 保存网页
Web.ExecWB(6,1) 打印
Web.ExecWB(7,1) 打印预览
Web.ExecWB(8,1) 打印页面设置
Web.ExecWB(10,1) 查看页面属性
Web.ExecWB(15,1) 好像是撤销，有待确认
Web.ExecWB(17,1) 全选
Web.ExecWB(22,1) 刷新
Web.ExecWB(45,1) 关闭窗体无提示

"WebBrowser" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">

"Noprint" >

//去掉打印时的页眉页脚

"button" value="清空页码" onclick=PageSetup_Null()>
"button" value="恢复页码" onclick=PageSetup_Default()>

//浏览器验证

function checkBrowser()
{
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.mac=(this.ver.indexOf('Mac') > -1) ?1:0;
this.ope=(navigator.userAgent.indexOf('Opera')>-1);
this.ie=(this.ie6 || this.ie5 || this.ie4)
this.ns=(this.ns4 || this.ns5)
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns5 || this.ns4 || this.mac || this.ope)
this.nbw=(!this.bw)
returnthis;
}

//计算内容宽和高

"button" value="计算内容宽度" onClick="test(txt)">

//无模式的提示框

function modelessAlert(Msg)
{
window.showModelessDialog("javascript:alert(""+escape(Msg)+"");window.close();","","status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;");
}

//屏蔽按键

//移动的图层，拖动

1. this) onmousemove=MouseMove() onmouseup=MouseUp()>meizz

2.

"myDiv" src="logo.gif" ondrag="doDrag();" onmouseover="this.style.cursor='hand'" style="position:absolute;left=100;top=100;" onmousedown="doMouseDown();">
"#" onclick="return false">

wlecome

//文档状态改变

"a.html" id="f" name="f" scrolling="no" frameborder=0 marginwidth=0 marginheight=0>

//刷新后不变的文本框

//访问剪贴板

//操作COOKIE

//setTimeout增加参数

//自定义的apply,call

Function.prototype.apply = function (obj, argu) {
if (obj) obj.constructor.prototype._caller = this;
var argus = newArray();
for (var i=0;iargus[i] = "argu[" + i + "]";
var r;
eval("r = " + (obj ? ("obj._caller(" + argus.join(",") + ");") : ("this(" + argus.join(",") + ");")));
return r;
};
Function.prototype.call = function (obj) {
var argu = newArray();
for (var i=1;iargu[i-1] = arguments[i];
returnthis.apply(obj, argu);
};

//下载文件

//检验连接是否有效

//组件是否安装
isComponentInstalled("{6B053A4B-A7EC-4D3D-4567-B8FF8A1A5739}", "componentID"))

//检查网页是否存在

//POST代替FORM

//readyState是xmlhttp返回数据的进度，0=载入中,1=未初始化,2=已载入,3=运行中,4=完成

(1)拖拽访问
event.dataTransfer.setData( "URL", oImage.src);
sImageURL = event.dataTransfer.getData("URL")
(2)普通访问
window.clipboardData.setData("Text",oSource.innerText);
window.clipboardData.getData("Text");

"save" CONTENT="history">

"page-break-after:always">page1

"page-break-after:always">page2

"ROBOTS" content="属性值">
　　其中属性值有以下一些:
　　属性值为"all": 文件将被检索，且页上链接可被查询；
　　属性值为"none": 文件不被检索，而且不查询页上的链接；
　　属性值为"index": 文件将被检索；
　　属性值为"follow": 查询页上的链接；
　　属性值为"noindex": 文件不检索，但可被查询链接；
　　属性值为"nofollow":

"clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
"Command" value="Minimize">
"clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
"Command" value="Maximize">
"clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
"Command" value="Close">

"pragma" CONTENT="no-cache">
"Cache-Control" CONTENT="no-cache, must-revalidate">
"expires" CONTENT="0">

"window.external.ImportExportFavorites(true,'http://localhost');">
"window.external.ImportExportFavorites(false,'http://localhost');">
"window.external.ShowBrowserUI('OrganizeFavorites', null)">
"window.external.ShowBrowserUI('LanguageDialog', null)">
"window.external.AddFavorite('http://www.google.com/', 'google')">
"window.external.addChannel('http://www.google.com/')">
"window.external.showBrowserUI('PrivacySettings',null)">

"return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)" onpaste="return !clipboardData.getData('text').match(/D/)" ondragenter="return false">

"Content-Type" content="text/html; charset=gb2312">

屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键

屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键

//屏蔽打印

"123" onfocus="cc()">

匹配中文字符的正则表达式： [u4e00-u9fa5]
匹配双字节字符(包括汉字在内)：[^x00-xff]
匹配空行的正则表达式：n[s| ]*r
匹配HTML标记的正则表达式：/<(.*)>.*|<(.*) />/
匹配首尾空格的正则表达式：(^s*)|(s*$)（像vbscript那样的trim函数）
匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
匹配网址URL的正则表达式：http: //([w-]+.)+[w-]+(/[w- ./?%&=]*)?
以下是例子：
利用正则表达式限制网页表单里的文本框输入内容：
用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^u4E00-u9FA5]/g,''))"
1.用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^uFF00-uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^uFF00-uFFFF]/g,''))"
2.用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))"
3.用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))"

//消除图像工具栏

"mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false">
or

"imagetoolbar" content="no">

常言笑 2006-12-26 15:43 发表评论

JavaScript小技巧

常言笑 — Sat, 16 Dec 2006 14:54:00 GMT

1、弹出窗口总是在最上面

[1]

[2]模态窗口showModalDialog(url); 不过模式窗口中对老页面无法回写,打开的子窗口不能得到openner,因此子窗口无法访问父窗口数据. 如果要传递数据的话, 只能在Dialog窗口中用return,然后父窗口通过var some = showModalDialog(...)得到值.

[3]非模态窗口window.showModelessDialog

[4]open来打开新窗口

2、输入框屏蔽输入法输入

[1]style="ime-mode:disabled" 中加入

[2]onpaste="return false" 不能粘贴中

[3]oncopy="return false" 不能复制中

3、各种尺寸

1 < LANGUAGE ="Java" >
2
3 var s = "网页可见区域宽："+ document .body.clientWidth;
4 s += "\r\n网页可见区域高："+ document .body.clientHeight;
5 s += "\r\n网页可见区域高："+ document .body.offsetWeight +" (包括边线的宽)";
6 s += "\r\n网页可见区域高："+ document .body.offsetHeight +" (包括边线的宽)";
7 s += "\r\n网页正文全文宽："+ document .body.scrollWidth;
8 s += "\r\n网页正文全文高："+ document .body.scrollHeight;
9 s += "\r\n网页被卷去的高："+ document .body.scrollTop;
10 s += "\r\n网页被卷去的左："+ document .body.scrollLeft;
11 s += "\r\n网页正文部分上："+ window .screenTop;
12 s += "\r\n网页正文部分左："+ window .screenLeft;
13 s += "\r\n屏幕分辨率的高："+ window .screen.height;
14 s += "\r\n屏幕分辨率的宽："+ window .screen.width;
15 s += "\r\n屏幕可用工作区高度："+ window .screen.availHeight;
16 s += "\r\n屏幕可用工作区宽度："+ window .screen.availWidth;
17 alert(s);
18
19
20

常言笑 2006-12-16 22:54 发表评论