web开发常用到的js事件

细节的总结

这样会提交2次，submit本身就会提交，因此，改为type="button"；

Type="image" 是自动提交。解决的方法：在body里面加onsubmit="return false";

Type=image 与onclick会出现问题,猜测image类型应该与submit类型的按钮应该都是提交类型。拦截了form的onsubmit的执行流程，发现页面确实被post了一次。在onclick 执行结尾加上return false即可。

3.当用图片作为提交或者重置

的动作时，可以form.submit() 或者form.reset();

4.在做登陆选择用户名的下拉效果时，碰到了IE缓存的问题，使得页面很难看。

上百度一查。

原来在input 里加一个autocomplete="off"属性就可以了。

如：

5.方法名不可以和一些关键的方法名同名，比如onclick="reset()" 而这个reset 是个function方法。这样是不可以的，因为reset本身就是重置的方法。

6.关于window.open()的问题

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为允许；

在写页面程序的时候，经常会使用到javascript来控制窗口的弹出—window.open()。它的参数非常的灵活，标题、名称、窗口参数配置。用户有时可能会在同一个页面中要打开几个窗口来查看不同的内容，如果代码规范不够细致，开发者又不够小心，就会遇到这样的问题：先弹出了一个窗口而没有关闭，当用户想再打开另一个窗口显示不同的内容时，第一个窗口的内容会被新的内容覆盖而不会有新窗口打开。例如，用户在编辑定单的时候，要先打开一个窗口选择供应商，在关闭供应商窗口之前，用户又打开另一个窗口要选择时间。没有

新的窗口打开，只是供应商窗口的内容被时间选择的窗口给覆盖了。这个问题曾经困扰过我两次，相信不会有第三次了。

问题出在window.open()的调用上。如果两个window.open的名称参数是一样的，那么IE会在同一个弹出窗口中load新内容。解决办法已经出来了—就是为每一个window.open定义不同的名称参数。看似简单的解决办法，其实又引申出另一个概念：用习惯规避风险！良好的开发规范可以减少大量的潜在风险，也许你不需要知道所有的规范有什么好处，但首先你要保证遵守既定的开发规范，然后再去理解它，发展它。

比如:时间就是可以做窗口名称,可以打开多个重复的窗口

7.关于js一些常用的事件

网页操作函数document.all.WebBrowser.ExecWB(6,1)的参数取值意义,如下:

第一个参数的所有取值

typedef enum

{

OLECMDID_OPEN = 1,

OLECMDID_NEW = 2,

OLECMDID_SA VE = 3,

OLECMDID_SA VEAS = 4,

OLECMDID_SA VECOPY AS = 5,

OLECMDID_PRINT = 6,

OLECMDID_PRINTPREVIEW = 7,

OLECMDID_PAGESETUP = 8,

OLECMDID_SPELL = 9,

OLECMDID_PROPERTIES = 10,

OLECMDID_CUT = 11,

OLECMDID_COPY = 12,

OLECMDID_PASTE = 13,

OLECMDID_PASTESPECIAL = 14,

OLECMDID_UNDO = 15,

OLECMDID_REDO = 16,

OLECMDID_SELECTALL = 17,

OLECMDID_CLEARSELECTION = 18,

OLECMDID_ZOOM = 19,

OLECMDID_GETZOOMRANGE = 20,

OLECMDID_UPDA TECOMMANDS = 21,

OLECMDID_REFRESH = 22,

OLECMDID_STOP = 23,

OLECMDID_HIDETOOLBARS = 24,

OLECMDID_SETPROGRESSMAX = 25,

OLECMDID_SETPROGRESSPOS = 26,

OLECMDID_SETPROGRESSTEXT = 27,

OLECMDID_SETTITLE = 28,

OLECMDID_SETDOWNLOADSTA TE = 29,

OLECMDID_STOPDOWNLOAD = 30,

OLECMDID_ONTOOLBARACTIV A TED = 31, OLECMDID_FIND = 32,

OLECMDID_DELETE = 33,

OLECMDID_HTTPEQUIV = 34,

OLECMDID_HTTPEQUIV_DONE = 35, OLECMDID_ENABLE_INTERACTION = 36, OLECMDID_ONUNLOAD = 37,

OLECMDID_PROPERTYBAG2 = 38,

OLECMDID_PREREFRESH = 39,

OLECMDID_SHOWSCRIPTERROR = 40, OLECMDID_SHOWMESSAGE = 41,

OLECMDID_SHOWFIND = 42,

OLECMDID_SHOWPAGESETUP = 43, OLECMDID_SHOWPRINT = 44,

OLECMDID_CLOSE = 45,

OLECMDID_ALLOWUILESSSA VEAS = 46, OLECMDID_DONTDOWNLOADCSS = 47, OLECMDID_UPDA TEPAGESTA TUS = 48, OLECMDID_PRINT2 = 49,

OLECMDID_PRINTPREVIEW2 = 50,

OLECMDID_SETPRINTTEMPLA TE = 51, OLECMDID_GETPRINTTEMPLA TE = 52, OLECMDID_PAGEACTIONBLOCKED = 55, OLECMDID_PAGEACTIONUIQUERY = 56, OLECMDID_FOCUSVIEWCONTROLS = 57, OLECMDID_FOCUSVIEWCONTROLSQUERY = 58, OLECMDID_SHOWPAGEACTIONMENU = 59, OLECMDID_ADDTRA VELENTRY = 60, OLECMDID_UPDA TETRA VELENTRY = 61, OLECMDID_UPDA TEBACKFORWARDSTA TE = 62, OLECMDID_OPTICAL_ZOOM = 63,

OLECMDID_OPTICAL_GETZOOMRANGE = 64, OLECMDID_WINDOWSTA TECHANGED = 65

} OLECMDID;

第二个参数的所有取值

typedef enum

{

OLECMDEXECOPT_DODEFAULT = 0, OLECMDEXECOPT_PROMPTUSER = 1,

LECMDEXECOPT_DONTPROMPTUSER = 2,

OLECMDEXECOPT_SHOWHELP = 3

} OLECMDEXECOPT;

例如如下函数:

例如以下函数：

（1）WebBrowser.ExecWB(1,1) 打开

（2）WebBrowser.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口

（3）WebBrowser.ExecWB(4,1) 保存网页

（4）WebBrowser.ExecWB(6,1) 打印

（5）WebBrowser.ExecWB(7,1) 打印预览

（6）WebBrowser.ExecWB(8,1) 打印页面设置

（7）WebBrowser.ExecWB(10,1) 查看页面属性

（8）WebBrowser.ExecWB(15,1) 好像是撤销，有待确认

（9）WebBrowser.ExecWB(17,1) 全选

（10）WebBrowser.ExecWB(22,1) 刷新

（11）WebBrowser.ExecWB(45,1) 关闭窗体无提示

");>

本例适用于IE

8.记录并显示网页的最后修改时间

10.

2秒后关闭当前页

11.2秒后载入指定网页

12.

13.

禁止鼠标右键的动作

14.

设置该页为首页

设为首页

15.

节日倒计时

16.

单击按钮打印出当前页

17.

单击按钮…另存为?当前页

18.

显示系统当前日期

19.

不同时间段显示不同问候语

20.

水中倒影效果

21.

慢慢变大的窗口

进入

鼠标指向时弹出信息框

在之间加上如下代码：显示的链接文字

22.

随机变换背景图象（一个可以刷新心情的特效）

在之间加上如下代码：

23.

鼠标一碰就给颜色看的链接在之间加上如下代码：

你敢碰我，我就给点颜色你看！

24.

从天而降并有幻影效果的窗口

自定义指定区域的文字大小：

sdrrrrrrrrrrrrrrrrrrrrrrrrrrrrr

【中 < A href="javascript:doZoom(12)">小】

36.Input输入框文字效果：

通过层来实现渐淡淡出

https://www.360docs.net/doc/4010203005.html,

37.网页屏保

5 秒屏保

38.在form中只有input输入框的情况下...在这个input输入框中按enter进行提交表单

39.离开页面时弹出警告：

40.返回页面顶部：

javascript:window.scroll(0,0)

41.Javascript刷新页面的几种方法：

1 history.go(0)

2 location.reload()

3 location=location

4 location.assign(location)

5 document.execCommand('Refresh')

6 window.navigate(location)

7 location.replace(location)

8 document.URL=location.href

42.自动刷新页面的方法:

1.页面自动刷新：把如下代码加入区域中

其中20指每隔20秒刷新一次页面.

2.页面自动跳转：把如下代码加入区域中

其中20指隔20秒后跳转到https://www.360docs.net/doc/4010203005.html,页面

3.页面自动刷新js版

43. 开窗时刷新

关闭时刷新

44. Input再输入时就是大写

style="text-transform: uppercase"，相当然全变小写就是lowercase 45.禁止右键

禁止粘贴

禁止选中,防止复制

防止复制

IE地址栏换成自己的图标

46.在收藏夹中显示自己的图标

在.......加上

47.关闭输入法

48. Event.button==2

0 Default. No button is pressed.没有按下返回值是0

1 Left button is pressed.按下左键返回值是1

2 Right button is pressed.按下右键返回值是2

3 Left and right buttons are both pressed.左键右键同时按下返回值是3

4 Middle button is pressed.按下中间建（滚轮）返回值是4

5 Left and middle buttons both are pressed.左键中间建（滚轮）同时按下返回值是5

6 Right and middle buttons are both pressed.右键中间建（滚轮）同时按下返回值是6

7 All three buttons are pressed.三个键同时按下返回值是7

49.input 文本框限制只能是数字/大写/小写

1、小写自动转换成大写：

2、大写自动转换成小写

3、防止退后清空的TEXT文档

4、ENTER键可以让光标移到下一个输入框

5、只能为中文(有闪动)

6、只能为数字(有闪动)

7、只能为数字(无闪动)

onkeyup="if(isNaN(value)){alert('必须是数字');value='';}"

8、只能输入英文和数字(有闪动)

9、屏蔽输入法

10、只能输入数字，小数点，减号（-）字符(无闪动)

11、改变输入框字体的大小．按钮字体不变

12、最多可以输入255个字符

常用限制input的方法

1.取消按钮按下时的虚线框,在input里添加属性值hideFocus 或者HideFocus=true

input type=submit value=提交hidefocus=true

2.只读文本框内容,在input里添加属性值readonly

input type=text readonly

3.防止退后清空的TEXT文档(可把style内容做做为类引用)

input type=text style=behaviorurl(#default#savehistory);

4.ENTER键可以让光标移到下一个输入框

input type=text onkeydown=if(event.keyCode==13)event.keyCode=9

5.只能为中文(有闪动)

input type=text onkeyup=value=value.replace([ -~]g,'') onkeydown=if(event.keyCode==13)event.keyCode=9

6.只能为数字(有闪动)

input type=text onkeyup=value=value.replace([^d]g,'') onbeforepaste=clipboardData.setData('text',clipboardData.getData('text').replace([^d]g,''))

7.只能为数字(无闪动)

input type=text style=ime-modedisabled onkeydown=if(event.keyCode==13)event.keyCode=9 onkeypress=if ((event.keyCode48 event.keyCode57)) event.returnV alue=false

8.只能输入英文和数字(有闪动)

input type=text onkeyup=value=value.replace([W]g,'') onbeforepaste=clipboardData.setData('text',clipboardData.getData('text').replace([^d]g,''))

9.屏蔽输入法

input type=text name=url style=ime-modedisabled onkeydown=if(event.keyCode==13)event.keyCode=9

10. 只能输入数字，小数点，减号（-）字符(无闪动)

input onkeypress=if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode48 event.keyCode57)) event.returnV alue=false

11. 只能输入两位小数，三位小数(有闪动)

input type=text maxlength=9 onkeyup=if(value.match(^d{3}$))value=value.replace(value,parseInt(value10)) ;value=value.repl

ace(.d.g,'.') onkeypress=if((event.keyCode48 event.keyCode57) && event.keyCode!=46 && event.keyCode!=45 value.match(^d{3}$) .d{3}$.test(value)) {event.returnV alue=false}

50.关于jCarousel 的一些参数

属性类

型

默认描述

vertical bo

false

指定滚动切换传送带是以水平方向显示还是

垂直方向显示。改变左右方向的滚动切换为

上下方向。

start int

1 指定起始项

offset int

1 在初始化时索引的第一个可用的项。

size int

Number of existing

elements if size is not passed

explicitly

总共的列表项数目。

scroll int

3 每次滚动切换的数目

visible int

null

如果通过，整个列表项的宽/高将会根据剪裁

的宽/高计算和设定。因此整个列表项的数目

将会被准确的显示出来。

animation mi

"fast"

用以确定滚动显示动画的速度，可以是某些

jQuery式字符串（"slow"或"fast"）或是毫秒

（参见jQuery文档材料）。如果设为0，则动

画效果关闭。

easing str

null

您想使用的缓动类型的名称（参见jQuery文

档材料）。

auto int

指定多少秒内容定期自动滚动。如果设置为

0，则自动滚动关闭。

wrap str

null

指定是否包裹第一/最后一项（或同时）并跳

回到开始/结束。选项参数有"first", "last" 或

"both"字符串。如果设置为null，包裹会关闭

（默认）。您也可以设置"c ircular"作为参数使

支持循环滚动显示。您可以查看实例循环滚

动切换看看如何使用此参数。

initCallba ck fu

tio

null

JavaScript函数，在滚动切换初始化后执行。

需传递两个参数：一个请求的滚动切换实例

参数，另外一个是滚动切换的初始化状态参

n 数（init,reset或reload）。

itemLoad Callback fu

tio

null

JavaScript 函数，在滚动切换请求的些列表项

加载完毕的时候执行。需要传递两个参数：

一个当前请求的滚动切换的实例化对象，另

外一个是滚动切换的活动状态参数

（prev,next或init）。或者，您可以传递在动

画之前或之后触发的一个或两个函数：

itemLoadCallback: { onBeforeAnimation:

callback1, onAfterAnimation: callback2}

itemFirstI nCallback fu

tio

null

JavaScript 函数，滚动动画执行之后，当某一

列表项成为可见区域的第一项时调用。传递

四个参数：一是当前滚动切换的实例对象，

二是

对象本身，三是用来表明当前项在

列表项中位置的参数，四是滚动切换的活动

状态参数（prev,next或init）。或者，您可以

传递在动画之前或之后触发的一个或两个

函数：itemFirstInCallback:

{ onBeforeAnimation: callback1,

onAfterAnimation: callback2}

itemFirst OutCallba ck fu

tio

null

JavaScript 函数，滚动动画执行之后，当某一

列表项不再是可见区域的第一项时调用。传

递四个参数：一是当前滚动切换的实例对象，

二是

对象本身，三是用来表明当前项在

列表项中位置的参数，四是滚动切换的活动

状态参数（prev,next或init）。或者，您可以

传递在动画之前或之后触发的一个或两个

函数：itemFirstOutCallback:

{ onBeforeAnimation: callback1,

onAfterAnimation: callback2}

itemLastIn Callback fu

tio

null

JavaScript 函数，滚动动画执行之后，当某一

列表项成为可见区域的最后一项时调用。传

递四个参数：一是当前滚动切换的实例对象，

二是

对象本身，三是用来表明当前项在

列表项中位置的参数，四是滚动切换的活动

状态参数（prev,next或init）。或者，您可以

传递在动画之前或之后触发的一个或两个

函数：itemLastInCallback:

{ onBeforeAnimation: callback1,

onAfterAnimation: callback2}

itemLastO utCallback fu

tio

null

JavaScript 函数，滚动动画执行之后，当某一

列表项不再是可见区域的最后一项时调用。

传递四个参数：一是当前滚动切换的实例对

象，二是

对象本身，三是用来表明当前

项在列表项中位置的参数，四是滚动切换的

活动状态参数（prev,next或init）。或者，您可以传递在动画之前或之后触发的一个或两个函数：itemLastOutCallback: { onBeforeAnimation: callback1, onAfterAnimation: callback2}

itemVisibl eInCallbac k fu

tio

null

JavaScript 函数，滚动动画执行之后，当某一

列表项进入到可见区域内时调用。传递四个

参数：一是当前滚动切换的实例对象，二是

对象本身，三是用来表明当前项在列表

项中位置的参数，四是滚动切换的活动状态

参数（prev,next或init）。或者，您可以传递

在动画之前或之后触发的一个或两个函数：

itemVisibleInCallback: { onBeforeAnimation:

callback1, onAfterAnimation: callback2}

itemVisibl eOutCallb ack fu

tio

null

JavaScript 函数，滚动动画执行之后，当某一

列表项已经不在可见区域内时调用。传递四

个参数：一是当前滚动切换的实例对象，二

是

对象本身，三是用来表明当前项在列

表项中位置的参数，四是滚动切换的活动状

态参数（prev,next或init）。或者，您可以传

递在动画之前或之后触发的一个或两个函

数：itemVisibleOutCallback:

{ onBeforeAnimation: callback1,

onAfterAnimation: callback2}

buttonNex tCallback fu

tio

null

JavaScript函数，在'next'控制状态改变的时候

调用。此方法的职责就是启用或禁用'next'控

制。需传递三个参数：一是滚动切换实例对

象，二是控制的元素，三是按钮是否要被禁

用的标志参数。

buttonPre vCallback fu

tio

null

JavaScript函数，在'previous'控制状态改变的

时候调用。此方法的职责就是启用或禁用

'previous'控制。需传递三个参数：一是滚动切

换实例对象，二是控制的元素，三是按钮是

否要被禁用的flag标志。

buttonNex tHTML str

自动生成下一个按钮的HTML标记。如果设

为null，则没有“下一个(next-button)”按钮创

建。

buttonPre vHTML str

自动生成前一个按钮的HTML标记。如果设

为null，则没有“前一个(prev-button)”按钮创

建。

buttonNex tEvent str

"click" 指定向后滚动触发的事件。

buttonPre str"click" 指定向前滚动触发的事件。

vEvent in