常用的55个js例子.docx
- 文档编号:4685229
- 上传时间:2022-12-07
- 格式:DOCX
- 页数:22
- 大小:23.36KB
常用的55个js例子.docx
《常用的55个js例子.docx》由会员分享,可在线阅读,更多相关《常用的55个js例子.docx(22页珍藏版)》请在冰豆网上搜索。
常用的55个js例子
常用的55个js例子2008-10-1715441.oncontextmenu=window.event.returnValue=false将彻底屏蔽鼠标右键
tableborderoncontextmenu=return(false)tdnotable可用于Table
2.bodyonselectstart=returnfalse取消选取、防止复制
3.onpaste=returnfalse不准粘贴
4.oncopy=returnfalse;oncut=returnfalse;防止复制
5.linkrel=ShortcutIconhref=favicon.icoIE地址栏前换成自己的图标
6.linkrel=Bookmarkhref=favicon.ico可以在收藏夹中显示出你的图标
7.inputstyle=ime-modedisabled关闭输入法
8.永远都会带着框架
scriptlanguage=JavaScript!
--
if(window==top)top.location.href=frames.htm;frames.htm为框架网页
--script
9.防止被人frame
SCRIPTLANGUAGE=JAVASCRIPT!
--
if(top.location!
=self.location)top.location=self.location;
--SCRIPT
10.网页将不能被另存为
noscriptsrc=.html;noscript
11.inputtype=buttonvalue=查看网页源代码
onclick=window.location=view-source+
12.删除时确认
ahref=javascriptif(confirm(确实要删除吗))location=boos.asp&areyou=删除&page=1删除a
13.取得控件的绝对位置
Javascript
scriptlanguage=Javascript
functiongetIE(e){
vart=e.offsetTop;
varl=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert(top=+t+nleft=+l);
}
script
VBScript
scriptlanguage=VBScript!
--
functiongetIE()
dimt,l,a,b
seta=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
whilea.tagNameBODY
seta=a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgboxtop=&t&chr(13)&left=&l,64,得到控件的位置
endfunction
--script
14.光标是停在文本框文字的最后
scriptlanguage=javascript
functioncc()
{
vare=event.srcElement;
varr=e.createTextRange();
r.moveStart(character,e.value.length);
r.collapse(true);
r.select();
}
script
inputtype=textname=text1value=123onfocus=cc()
15.判断上一页的来源
javascript
document.referrer
16.最小化、最大化、关闭窗口
objectid=hh1classid=clsidADB880A6-D8FF-11CF-9377-00AA003B7A11
paramname=Commandvalue=Minimizeobject
objectid=hh2classid=clsidADB880A6-D8FF-11CF-9377-00AA003B7A11
paramname=Commandvalue=Maximizeobject
OBJECTid=hh3classid=clsidadb880a6-d8ff-11cf-9377-00aa003b7a11
PARAMNAME=Commandvalue=CloseOBJECT
inputtype=buttonvalue=最小化onclick=hh1.Click()
inputtype=buttonvalue=blog最大化onclick=hh2.Click()
inputtype=buttonvalue=关闭onclick=hh3.Click()
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
script
functionlook(){
if(event.shiftKey)
alert(禁止按Shift键!
);可以换成ALT CTRL
}
document.onkeydown=look;
script
18.网页不会被缓存
METAHTTP-EQUIV=pragmaCONTENT=no-cache
METAHTTP-EQUIV=Cache-ControlCONTENT=no-cache,must-revalidate
METAHTTP-EQUIV=expiresCONTENT=Wed,26Feb1997082157GMT
或者METAHTTP-EQUIV=expiresCONTENT=0
19.怎样让表单没有凹凸感?
inputtype=textstyle=border1solid#000000
或
inputtype=textstyle=border-leftnone;border-rightnone;border-topnone;border-bottom
1solid#000000textarea
20.divspan&layer的区别?
div(division)用来定义大段的页面元素,会产生转行
span用来定义同一行内的元素,跟div的唯一区别是不产生转行
layer是ns的标记,ie不支持,相当于div
21.让弹出窗口总是在最上面
bodyonblur=this.focus();
22.不要滚动条
让竖条没有
bodystyle=overflowscroll;overflow-yhidden
body
让横条没有
bodystyle=overflowscroll;overflow-xhidden
body
两个都去掉?
更简单了
bodyscroll=no
body
23.怎样去掉图片链接点击后,图片周围的虚线?
ahref=#onFocus=this.blur()imgsrc=logo.jpgborder=0a
24.电子邮件处理提交表单
formname=form1method=postaction=mailto@.com
enctype=textplain
inputtype=submit
form
25.在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()
26.如何设定打开页面的大小
bodyonload=top.resizeTo(300,200);
打开页面的位置bodyonload=top.moveBy(300,200);
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
STYLE
body
{background-imageurl(logo.gif);background-repeatno-repeat;
background-positioncenter;background-attachmentfixed}
STYLE
28.检查一段字符串是否全由数字组成
scriptlanguage=Javascript!
--
functioncheckNum(str){returnstr.match(D)==null}
alert(checkNum(1232142141))
alert(checkNum(123214214a1))
--script
29.获得一个窗口的大小
document.body.clientWidth;document.body.clientHeight
30.怎么判断是否是字符
if([^x00-xff]g.test(s))alert(含有汉字);
elsealert(全是字符);
31.TEXTAREA自适应文字行数的多少
textarearows=1name=s1cols=27onpropertychange
=this.style.posHeight=this.scrollHeight
textarea
32.日期减去天数等于第二个日期
scriptlanguage=Javascript
functioncc(dd,dadd)
{
可以加上错误处理
vara=newDate(dd)
a=a.valueOf()
a=a-dadd2460601000
a=newDate(a)
alert(a.getFullYear()+年+(a.getMonth()+1)+月+a.getDate()+日)
}
cc(12232002,2)
script
33.选择了哪一个Radio
HTMLscriptlanguage=vbscript
functioncheckme()
foreachobinradio1
ifob.checkedthen
window.alertob.value
next
endfunction
scriptBODY
INPUTname=radio1type=radiovalue=stylecheckedStyle
INPUTname=radio1type=radiovalue=blogbarcodeBarcode
INPUTtype=buttonvalue=checkonclick=checkme()
BODYHTML
34.脚本永不出错
SCRIPTLANGUAGE=JavaScript
!
--Hide
functionkillErrors(){
returntrue;
}
window.onerror=killErrors;
--
SCRIPT
35.ENTER键可以让光标移到下一个输入框
inputonkeydown=if(event.keyCode==13)event.keyCode=9
36.检测某个网站的链接速度:
把如下代码加入body区域中
scriptlanguage=Javascript
tim=1
setInterval(tim++,100)
b=1
varautourl=newArray()
autourl[1]=1000){this.resized=true;this.style.width=1000;}align=absMiddleborder=
autourl[2]=
autourl[3]=1000){this.resized=true;this.style.width=1000;}align=absMiddleborder=
autourl[4]=
autourl[5]=1000){this.resized=true;this.style.width=1000;}align=absMiddleborder=
functionbutt(){
(formname=autof)
for(vari=1;iautourl.length;i++)
(inputtype=textname=txt+i+size=10value=测试中……=》inputtype=text
name=url+i+size=40=》inputtype=buttonvalue=blogGO
onclick=window.open(this.form.url+i+.value)br)
(inputtype=submitvalue=刷新form)
}
butt()
functionauto(url){
document.forms[0][url+b].value=url
if(tim200)
{document.forms[0][txt+b].value=链接超时}
else
{document.forms[0][txt+b].value=blog时间+tim10+秒}
b++
}
functionrun(){for(vari=1;iautourl.length;i++)(imgsrc=http+autourl++Math.random()+width=1height=1
onerror=auto(http+autourl+))}
run()script
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
38.页面进入和退出的特效
进入页面metahttp-equiv=Page-Entercontent=revealTrans(duration=x,transition=y)
推出页面metahttp-equiv=Page-Exitcontent=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以上22种随机选择一种
39.在规定时间内跳转
METAhttp-equiv=V=REFRESHcontent=5;URL=
40.网页是否被检索
metaname=ROBOTScontent=属性值
其中属性值有以下一些
属性值为all文件将被检索,且页上链接可被查询;
属性值为none文件不被检索,而且不查询页上的链接;
属性值为index文件将被检索;
属性值为follow查询页上的链接;
属性值为noindex文件不检索,但可被查询链接;
属性值为nofollow文件不被检索,但可查询页上的链接。
41、email地址的分割
把如下代码加入body区域中
ahref=mailtowebmaster@webmaster@a
42、流动边框效果的表格
把如下代码加入body区域中
SCRIPT
l=Array(6,7,8,9,'a','b','b','c','d','e','f')
Nx=5;Ny=35
t=tableborder=0cellspacing=0cellpadding=0height=+((Nx+2)16)+tr
for(x=Nx;xNx+Ny;x++)
t+=tdwidth=16id=a_mo+x+ td
t+=trtrtdwidth=10id=a_mo+(Nx-1)+ tdtdcolspan=+(Ny-2)+rowspan=+(Nx)+ tdtdwidth=16id=a_mo+(Nx+Ny)+tdtr
for(x=2;x=Nx;x++)
t+=trtdwidth=16id=a_mo+(Nx-x)+ tdtdwidth=16id=a_mo+(Ny+Nx+x-1)+ tdtr
t+=tr
for(x=Ny;x0;x--)
t+=tdwidth=16id=a_mo+(x+Nx2+Ny-1)+ td
(t+trtable)
varN=Nx2+Ny2
functionf1(y){
for(i=0;iN;i++){
c=(i+y)%20;if(c10)c=20-c
document.all[a_mo+(i)].bgColor=#0000+l[c]+l[c]+'}
y++
setTimeout('f1('+y+')','1')}
f1
(1)
SCRIPT
43、JavaScript主页弹出窗口技巧
窗口中间弹出
script
window.open(,,width=400,height=240,top=+(screen.availHeight-240)2+,left=+(screen.availWidth-400)2);
script
============
html
head
scriptlanguage=LiveScript
functionWinOpen(){
msg=open(,DisplayWindow,toolbar=no,directories=no,menubar=no);
msg.(HEADTITLE哈罗!
TITLEHEAD);
msg.(CENTERH1酷毙了!
H1h2这是BJavaScriptB所开的视窗!
h2CENTER);
}
script
head
body
form
inputtype=buttonname=Button1value=Pushmeonclick=WinOpen()
form
body
html
==============
一、在下面的代码中,你只要单击打开一个窗口,即可链接到赛迪网。
而当你想关闭时,只要单击一下即可关闭刚才打开的窗口。
代码如下:
SCRIPTlanguage=JavaScript
!
--
functionopenclk(){
another=open('1000){this.resized=true;this.style.width=1000;}align=absMiddleborder=','NewWindow');
}
functioncloseclk(){
another.close();
}
--
SCRIPT
FORM
INPUTTYPE=BUTTONNAME=openvalue=打开一个窗口onClick=openclk()
BR
INPUTTYPE=BUTTONNAME=closevalue=blog关闭这个窗口onClick=closeclk()
FORM
二、上面的代码也太静了,为何不来点动感呢?
如果能给页面来个降落效果那该多好啊!
代码如下:
script
functiondrop(n){
if(self.moveBy){
self.moveBy(0,-900);
for(i=n;i0;i--){
self.moveBy(0,3);
}
for(j=8;j0;j--){
self.moveBy(0,j);
self.moveBy(j,0);
self.moveBy(0,-j);
self.moveBy(-j,0);
}
}
}
script
bodyonLoad=drop(300)
三、讨厌很多网站总是按照默认窗口打开,如果你能随心所欲控制打开的窗口那该多好。
代码如下
SCRIPTLANGUAGE=JavaScript
!
--Begin
functionpopupPage(l,t,w,h){
varwindowprops=location=no,scrollbars=no,menubars=no,toolbars=no,resizable=yes+
,left=+l+,top=+t+,width=+w+,height=+h;
varURL=;
popup=window.open(URL,MenuPopup,windowprops);
}
End--
script
table
tr
td
formname=popupform
pre
打开页面的参数br
离开左边的距离inputtype=textname=leftsize=2maxlength=4pixels
离开右边的距离inputtype=textname=topsize=2maxlength=4pixels
窗口的宽度inputtype=textname=widthsize=2maxlength=4pixels
窗口的高度inputtype=textname=heightsize=2maxlength=4pixels
pre
center
inputtype=buttonvalue=打开这个窗口!
onClick=popupPage(this.form.left.value,this.form.to
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 常用 55 js 例子