webjs的知识总结.docx

资源描述

webjs的知识总结.docx

《webjs的知识总结.docx》由会员分享，可在线阅读，更多相关《webjs的知识总结.docx（17页珍藏版）》请在冰豆网上搜索。

webjs的知识总结.docx

webjs的知识总结

细节的总结

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

Type="image"是自动提交。

解决的方法：

在body里面加onsubmit="returnfalse";

3.当用图片作为提交或者重置的动作时，可以form.submit（）或者form.reset（）;

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

上XX一查。

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

如：

5.方法名不可以和一些关键的方法名同名，比如onclick="reset（）"而这个reset是个function方法。

这样是不可以的，因为reset本身就是重置的方法。

6.关于window.open（）的问题

Window.open（）的参数列表

∙例:

∙

∙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'）

∙

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）的参数取值意义,如下:

第一个参数的所有取值

typedefenum

{

OLECMDID_OPEN=1,

OLECMDID_NEW=2,

OLECMDID_SAVE=3,

OLECMDID_SAVEAS=4,

OLECMDID_SAVECOPYAS=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_UPDATECOMMANDS=21,

OLECMDID_REFRESH=22,

OLECMDID_STOP=23,

OLECMDID_HIDETOOLBARS=24,

OLECMDID_SETPROGRESSMAX=25,

OLECMDID_SETPROGRESSPOS=26,

OLECMDID_SETPROGRESSTEXT=27,

OLECMDID_SETTITLE=28,

OLECMDID_SETDOWNLOADSTATE=29,

OLECMDID_STOPDOWNLOAD=30,

OLECMDID_ONTOOLBARACTIVATED=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_ALLOWUILESSSAVEAS=46,

OLECMDID_DONTDOWNLOADCSS=47,

OLECMDID_UPDATEPAGESTATUS=48,

OLECMDID_PRINT2=49,

OLECMDID_PRINTPREVIEW2=50,

OLECMDID_SETPRINTTEMPLATE=51,

OLECMDID_GETPRINTTEMPLATE=52,

OLECMDID_PAGEACTIONBLOCKED=55,

OLECMDID_PAGEACTIONUIQUERY=56,

OLECMDID_FOCUSVIEWCONTROLS=57,

OLECMDID_FOCUSVIEWCONTROLSQUERY=58,

OLECMDID_SHOWPAGEACTIONMENU=59,

OLECMDID_ADDTRAVELENTRY=60,

OLECMDID_UPDATETRAVELENTRY=61,

OLECMDID_UPDATEBACKFORWARDSTATE=62,

OLECMDID_OPTICAL_ZOOM=63,

OLECMDID_OPTICAL_GETZOOMRANGE=64,

OLECMDID_WINDOWSTATECHANGED=65

}OLECMDID;

第二个参数的所有取值

typedefenum

{

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）关闭窗体无提示

8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0>

//localhost"）;>

'+ window.location.href">

（1）>

ADB880A6-D8FF-11CF-9377-00AA003B7A11">

adb880a6-d8ff-11cf-9377-00aa003b7a11">

本例适用于IE

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

document.write（"最后更新时间:

"+document.lastModified+""）

（1）>

10.

2秒后关闭当前页

setTimeout（'window.close（）;',2000）;

-->

11.2秒后载入指定网页

//你的网址">

12.

functionbookmarkit（）

{

　window.external.addFavorite（'http:

//你的网址','你的网站名称'）

}

　if（document.all）document.write（'加入收藏夹'）

13.

禁止鼠标右键的动作

functionclick（）{if（event.button==2||event.button==3）

{

　alert（'禁止鼠标右键'）;

}

document.onmousedown=click//-->

14.

设置该页为首页

hand"HREFonClick="this.style.behavior='url（#default#homepage）';this.setHomePage（'你的网站名称）;">设为首页

15.

节日倒计时

　　vartimedate=newDate（"October1,2002"）;

　　vartimes="国庆节";

　　varnow=newDate（）;

　　vardate=timedate.getTime（）-now.getTime（）;

　　vartime=Math.floor（date/（1000*60*60*24））;

　　if（time>=0）

　　document.write（"现在离"+times+"还有:

"+time+"天"）

16.

单击按钮打印出当前页

　　if（window.print）{

　　document.write（''

　　+'onClick="javascript:

window.print（）">

'）;

　　}

17.

单击按钮‘另存为’当前页

8856F961-340A-11D0-A96B-00C04FD705A2">

18.

显示系统当前日期

　　today=newDate（）;

　　functiondate（）{

　　this.length=date.arguments.length

　　for（vari=0;i

　　this[i+1]=date.arguments}

　　vard=newdate（"星期日","星期一","星期二","星期三","星期四","星期五","星期六"）;

　　document.write（

9pt;font-family:

宋体'>",

　　today.getYear（）,"年",today.getMonth（）+1,"月",today.getDate（）,"日",

　　d[today.getDay（）+1],""）;

19.

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

vartext="";day=newDate（）;time=day.getHours（）;

　　if（（time>=0）&&（time<7））

　　　　text="夜猫子，要注意身体哦！

　　if（（time>=7）&&（time<12））

　　　　text="今天的阳光真灿烂啊，你那个朋友呢？

　　if（（time>=12）&&（time<14））

　　　　text="午休时间。

您要保持睡眠哦！

　　if（（time>=14）&&（time<18））

　　　　text="祝您下午工作愉快！

　　if（（time>=18）&&（time<=22））

　　　　text="您又来了，可别和MM聊太久哦！

　　if（（time>=22）&&（time<24））

　　　　text="您应该休息了！

　　document.write（text）

20.

水中倒影效果

　　functionf1（）

　　{

　　　　setInterval（"mdiv.filters.wave.phase+=10",100）;

　　}

　　if（document.all）

　　{

　　　　document.write（'

　　　　style="filter:

wave（strength=3,freq=3,phase=0,lightstrength=30）blur（）flipv（）">'）

　　　　window.onload=f1

　　}

展开阅读全文