webjs的知识总结Word文档下载推荐.docx
《webjs的知识总结Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《webjs的知识总结Word文档下载推荐.docx(17页珍藏版)》请在冰豆网上搜索。
∙例:
SCRIPTLANGUAGE="
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>
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;
第二个参数的所有取值
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)关闭窗体无提示
input
name=Button
onClick=document.all.WebBrowser.ExecWB(1,1)
type=button
value=打开>
OBJECT
classid=CLSID:
8856F961-340A-11D0-A96B-00C04FD705A2
height=0
id=WebBrowser
width=0>
<
/OBJECT>
onClick=document.all.WebBrowser.ExecWB(4,1)
value=另存为>
onClick=document.all.WebBrowser.ExecWB(17,1)
value=全选>
onClick=document.all.WebBrowser.ExecWB(10,1)
value=属性>
onClick=document.all.WebBrowser.ExecWB(6,1)
value=打印>
onClick=document.all.WebBrowser.ExecWB(6,6)
value=直接打印>
onClick=document.all.WebBrowser.ExecWB(8,1)
value=页面设置>
value=刷新
name=refresh
onclick="
window.location.reload()"
type="
button"
name="
Button"
value=导入收藏夹
onClick=window.external.ImportExportFavorites(true,"
http:
//localhost"
);
Button3"
value=导出收藏夹
onClick=window.external.ImportExportFavorites(false,"
name=Button2
window.external.AddFavorite(location.href,
document.title)"
value=加入收藏夹>
name=Submit2
window.external.ShowBrowserUI('
OrganizeFavorites'
null)"
value=整理收藏夹>
value=查看源文件
window.location
=
'
view-source:
+
window.location.href"
value=语言设置
LanguageDialog'
value=前进
onclick=history.go
(1)>
onclick=history.forward()>
value=后退
onclick=history.go(-1)>
onclick=history.back()>
objectid=hh1classid="
clsid:
ADB880A6-D8FF-11CF-9377-00AA003B7A11"
paramname="
Command"
value="
Minimize"
/object>
objectid=hh2classid="
Maximize"
OBJECTid=hh3classid="
adb880a6-d8ff-11cf-9377-00aa003b7a11"
PARAMNAME="
Close"
inputtype=buttonvalue=最小化onclick=hh1.Click()>
inputtype=buttonvalue=最大化onclick=hh2.Click()>
inputtype=buttonvalue=关闭onclick=hh3.Click()>
本例适用于IE
8.记录并显示网页的最后修改时间
scriptlanguage=JavaScript>
document.write("
最后更新时间:
"
+document.lastModified+"
/script>
9.<
10.
2秒后关闭当前页
scriptlanguage="
JavaScript"
!
--
setTimeout('
window.close();
2000);
-->
11.2秒后载入指定网页
head>
metahttp-equiv="
refresh"
content="
2;
URL=http:
//你的网址"
/head>
12.
ScriptLanguage="
functionbookmarkit()
{
window.external.addFavorite('
//你的网址'
'
你的网站名称'
}
if(document.all)document.write('
ahref="
#"
onClick="
bookmarkit()"
加入收藏夹<
/a>
/Script>
13.
禁止鼠标右键的动作
ScriptLanguage="
functionclick(){if(event.button==2||event.button==3)
alert('
禁止鼠标右键'
document.onmousedown=click//-->
14.
设置该页为首页
bodybgcolor="
#FFFFFF"
text="
#000000"
aclass="
chlnk"
style="
cursor:
hand"
HREFonClick="
this.style.behavior='
url(#default#homepage)'
this.setHomePage('
你的网站名称);
fontcolor="
000000"
2"
face="
宋体"
设为首页<
/font>
/body>
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('
form>
+'
inputtype=buttonname=printvalue="
打印本页"
onClick="
javascript:
window.print()"
/form>
}
17.
单击按钮‘另存为’当前页
name="
Button"
保存本页"
document.all.button.ExecWB(4,1)"
objectid="
width=0height=0classid="
CLSID:
8856F961-340A-11D0-A96B-00C04FD705A2"
embedwidth="
0"
height="
/embed>
18.
显示系统当前日期
today=newDate();
functiondate(){
this.length=date.arguments.length
for(vari=0;
i<
this.length;
i++)
this[i+1]=date.arguments}
vard=newdate("
星期日"
"
星期一"
星期二"
星期三"
星期四"
星期五"
星期六"
document.write(
"
fontcolor=##000000style='
font-size:
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)&
12))
今天的阳光真灿烂啊,你那个朋友呢?
=12)&
14))
午休时间。
您要保持睡眠哦!
=14)&
18))
祝您下午工作愉快!
if((time>
=18)&
=22))
您又来了,可别和MM聊太久哦!
=22)&
24))
您应该休息了!
document.write(text)
20.
水中倒影效果<
imgid="
reflect"
你自己的图片文件名"
width="
175"
59"
<
functionf1()
{
setInterval("
mdiv.filters.wave.phase+=10"
100);
if(document.all)
document.write('
imgid=mdivsrc="
+document.all.reflect.src+'
style="
filter:
wave(strength=3,freq=3,phase=0,lightstrength=30)blur()flipv()"
window.onload=f1