视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
JavaScript事件大全
2025-09-28 09:31:40 责编:小OO
文档
avascript事件查询综合

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("提示信息

() 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

书写在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=亮光大小)

2.水平翻转fliph() 使对象水平翻转180度

3.垂直翻转flipv() 使对象垂直翻转180度

4.对象模糊blur(add=true/false direction=方向 strength=强度)

add指定是否按印象画派进行模糊direction模糊方向strength模糊强度

5.对象透明alpha(opaction=0-100,finishopacity=0-100,style=0/1/2/3)

opaction对象整体不透明值finishopacity当对象利用了渐透明时该项指定结束透明位置的不透明值style指定透明方式0为整体透明,1为线型透明,2为圆型透明,3为矩形透明

6.去除颜色chroma(color=颜色值)使对象中颜色与指定颜色相同区域透明

7.建立阴影dropshadow(color=阴影颜色,offx=水平向左偏离像素,offy=水平向下偏离像素)

8.去色gray()使对象呈灰度显示

9.负片效果invert()使对象呈底片效果

10.高光light()使对象呈黑色显示

11.遮盖mask(color=颜色)使整个对象以指定颜色进行蒙板一次

opacity 表透明度水平.0~100,0表全透明,100表完全不透明

finishopacity表想要设置的渐变透明效果.0~100.

style 表透明区的形状.0表统一形状.1表线形.2表放射形.3表长方形.

startx.starty表渐变透明效果的开始时X和Y坐标.

finishx,finishy渐变透明效果结束时x,y 的坐标.

add有来确定是否在模糊效果中使有原有目标.值为0,1.0表"否

hand style="cursor:hand"

crosshair style="cursor:crosshair"

text style="cursor:text"

wait style="cursor:wait"

default style="cursor:default"

help style="cursor:help"

e-resize style="cursor:e-resize"

ne-resize style="cursor:ne-resize"

n-resize style="cursor:n-resize"

nw-resize style="cursor:nw-resize"

w-resize style="cursor:w-resize"

s-resize style="cursor:s-resize"

sw-resize style="cursor:sw-resize "

se-resize style="cursor:se-resize"

auto style="cursor:auto"

[原创]自己定义的简单方法验证表单数据

方法很简单,先是定义好要验证的数组比如:

check_array[0]= new Array(title,留言主题不能为空!);

然后判断,错误的就提示定义的内容,代码如下:

9. 防止被人frame

10. 网页将不能被另存为

11. onclick="window.location = "view-source:"+ "http://www.51js.com/"">

12.删除时确认

删除

13. 取得控件的绝对位置

//Javascript

//VBScript

14. 光标是停在文本框文字的最后

29. 获得一个窗口的大小

document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符

if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");

else alert("全是字符");

31.TEXTAREA自适应文字行数的多少

32. 日期减去天数等于第二个日期

37. 各种样式的光标

auto :标准光标

default :标准箭头

hand :手形光标

wait :等待光标

text :I形光标

vertical-text :水平I形光标

no-drop :不可拖动光标

not-allowed :无效光标

help :?帮助光标

all-scroll :三角方向标

move :移动标

crosshair :十字标

e-resize

n-resize

nw-resize

w-resize

s-resize

se-resize

sw-resize

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]打开时, 打开对话框的窗口仍可以进行其他的操作,即对话框

不总是最上面的焦点,当打开它的窗口URL改变时,它自动关闭。而模态[IE4]

方式的对话框始终有焦点(焦点不可移走,直到它关闭)。模态对话框和打开它的窗

口相联系,因此我们打开另外的窗口时,他们的链接关系依然保存,并且隐藏在活动

窗口的下面。

使用方法如下:

vReturnValue=window.external.m2_blocked(sURL [,vArguments] [,sFeatures])

vReturnValue=window.external.m2_blocked(sURL [,vArguments] [,sFeatures])

参数说明:

sURL

必选参数,类型:字符串。用来指定对话框要显示的文档的URL。

vArguments

可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。

对话框通过window.dialogArguments来取得传递进来的参数。

sFeatures

可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,

用分号“;”隔开。

dialogHeight 对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth

默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用px

做单位。

  dialogWidth: 对话框宽度。

  dialogLeft: 距离桌面左的距离。

  dialogTop: 离桌面上的距离。

  center: {yes | no | 1 | 0 }:窗口是否居中,默认yes,但仍可以指定高度和宽度。

  help: {yes | no | 1 | 0 }:是否显示帮助按钮,默认yes。

  resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改变大小。默认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

====================

fullscreen.htm

无标题文档

关键是在onload事件中加入:

window.opener=null;window.close()

预读图片:

关于两个网页刷新交互的问题

JS处理方法:

a.htm

发表留言

b.htm

关闭

后台处理方法:

private btnForSubmit(Object sender,EventArgs e)

{

.............

Response.Write("");

file://string str="";

file://this.RegisterStartupScript("mycode

yCode==78)){ file://屏蔽 Ctrl+n

event.returnValue=false;

}

if ((event.shiftKey)&&(event.keyCode==121)){ file://屏蔽 shift+F10

event.returnValue=false;

}

if (event.keyCode==122){ file://屏蔽 F11

event.returnValue=false;

}

}

只要知道keyCode即可屏蔽所有功能键

一、验证类

1、数字验证内

1.1 整数

/^(-|\\+)?\\d+$/.test(str)

1.2 大于0的整数 (用于传来的ID的验证)

/^\\d+$/.test(str)

1.3 负整数的验证

/^-\\d+$/.test(str)

2、时间类

2.1 短时间,形如 (13:04:06)

function isTime(str)

{

var a = str.match(/^(\\d{1,2})(:)?(\\d{1,2})\\2(\\d{1,2})$/);

if (a == null) {alert('输入的参数不是时间格式'); return false;}

if (a[1]>24 || a[3]>60 || a[4]>60)

{

alert("时间格式不对");

return false

}

return true;

}

2.2 短日期,形如 (2003-12-05)

function strDateTime(str)

{

var r = str.match(/^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2})$/);

if(r==null)return false;

var d= new Date(r[1], r[3]-1, r[4]);

return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);

}

2.3 长时间,形如 (2003-12-05 13:04:06)

function strDateTime(str)

{

var reg = /^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2}) (\\d{1,2}):(\\d{1,2}):(\\d{1,2})$/;

var r = str.match(reg);

if(r==null)return false;

var d= new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]);

return

(d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&

d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()==

r[7]);

}

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 判断字符由字母和数字,下划线,点号组成.且开头的只能是下划线和字母

/^([a-zA-z_]{1})([\\w]*)$/g.test(str)

4.4 字符串替换函数.Replace();

5、浏览器类

5.1 判断浏览器的类型

window.navigator.appName

5.2 判断ie的版本

window.navigator.appVersion

5.3 判断客户端的分辨率

window.screen.height; window.screen.width;

6、结合类

6.1 email的判断。

function ismail(mail)

{

return(new RegExp(/^\\w+((-\\w+)|(\\.\\w+))*\\@[A-Za-z0-9]+((\\.|-)

[A-Za-z0-9]+)*\\.[A-Za-z0-9]+$/).test(mail));

}

6.2 手机号码的验证

6.3 身份证的验证

function isIdCardNo(num)

{

if (isNaN(num)) {alert("输入的不是数字!"); return false;}

var len = num.length, re;

if (len == 15)

re = new RegExp(/^(\\d{6})()?(\\d{2})(\\d{2})(\\d{2})(\\d{3})$/);

else if (len == 18)

re = new RegExp(/^(\\d{6})()?(\\d{4})(\\d{2})(\\d{2})(\\d{3})(\\d)$/);

else {alert("输入的数字位数不对!"); return false;}

var a = num.match(re);

if (a != null)

{

if (len==15)

{

var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]);

var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&

D.getDate()==a[5];

}

else

{

var D = new Date(a[3]+"/"+a[4]+"/"+a[5]);

var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&

D.getDate()==a[5];

}

if (!B) {alert("输入的身份证号 "+ a[0] +" 里出生日期不对!"); return false;}

}

return true;

}

3.7 复选框的全选,多选,全不选,反选

全选







全选






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

不断地清空剪贴板:

//保护页面不被打印、复制,禁止Mouse各键

大梅的思路,我把他用到了判断数据提交的时候有没有重复记录上了

Date.prototype.Format = function(format)

{

var o = {

"M+" : this.getMonth()+1, //month

"d+" : this.getDate(), //day

"h+" : this.getHours(), //hour

"m+" : this.getMinutes(), //minute

"s+" : this.getSeconds(), //second

"q+" : Math.floor((this.getMonth()+3)/3), //quarter

"S" : this.getMilliseconds() //millisecond

}

if(/(y+)/.test(format)) format=format.replace(RegExp.$1,

(this.getFullYear()+"").substr(4 - RegExp.$1.length));

for(var k in o)if(new RegExp("("+ k +")").test(format))

format = format.replace(RegExp.$1,

RegExp.$1.length==1 ? o[k] :

("00"+ o[k]).substr((""+ o[k]).length));

return format;

};

示例:

alert(new Date().Format("yyyy年MM月dd日"));

alert(new Date().Format("MM/dd/yyyy"));

alert(new Date().Format("yyyyMMdd"));

alert(new Date().Format("yyyy-MM-dd hh:mm:ss"));

http://jkisjk.vip.sina.com/html/

空间已经过期

代码无法更新

示例仅提供思路:

常用前台JS函数

自动加上验证事件及日期按钮(htc方式)

自动加上验证事件及日期按钮(js方式)

Ctrl + 鼠标 = 选中(20050214)

固定Div(20050214)

可以盖住select的div(20041216)

可输入下拉框(20041126)(相似高亮显示,不相似移除)

可输入下拉框(20041126)(相似高亮显示,不相似不移除)

改变table的列宽(20041103)

可用鼠标移动和改变大小的table(20041029)

用鼠标移动TR(20050107)

固定Table首行(20041123)

固定Table首行首列(20041123)

Main Content Div

从服务器端取值并回填到页面

动态明细示例

多功能multiple-update

一个简单的IFRAME框架

调用客户端发邮件程序

读取客户端文件

一级选择左右移动及排库

二级选择左右移动

提交到特定大小的窗口

忠实显示Text内容(不同于Pre标签)

自动关闭Alert对话框

年月日选择

提交到特定大小的窗口

忠实显示Text内容(不同于Pre标签)

自动关闭Alert对话框

年月日选择

JS 对 cookie 操作

function setCookie(name,value)

{

var Days = 30; //此 cookie 将被保存 30 天

var exp = new Date(); //new Date("December 31, 9998");

exp.setTime(exp.getTime() + Days*24*60*60*1000);

document.cookie = name + "="+ escape(value) +";expires="+ exp.toGMTString();

}

function getCookie(name)

{

var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));

if(arr != null) return unescape(arr[2]); return null;

}

function delCookie(name)

{

var exp = new Date();

exp.setTime(exp.getTime() - 1);

var cval=getCookie(name);

if(cval!=null) document.cookie=name +"="+cval+";expires="+exp.toGMTString();

}