Javascript中最常用的技巧整理经典从菜鸟到老鸟Word格式.docx
《Javascript中最常用的技巧整理经典从菜鸟到老鸟Word格式.docx》由会员分享,可在线阅读,更多相关《Javascript中最常用的技巧整理经典从菜鸟到老鸟Word格式.docx(45页珍藏版)》请在冰点文库上搜索。
11.<
inputtype=buttonvalue="
/查看网页源代码
onclick="
window.location="
view-source:
+"
12.删除时确认
ahref="
javascript:
if(confirm("
确实要删除吗?
))location="
boos.asp?
&
areyou=删除&
page=1"
删除<
/a>
13.取得控件的绝对位置
//Javascript
Javascript"
functiongetIE(e){
vart=e.offsetTop;
varl=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("
top="
+t+"
/nleft="
+l);
//VBScript
VBScript"
functiongetIE()
dimt,l,a,b
seta=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
whilea.tagName<
BODY"
seta=a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox"
t&
chr(13)&
left="
l,64,"
得到控件的位置"
endfunction
-->
14.光标是停在文本框文字的最后
javascript"
functioncc()
{
vare=event.srcElement;
varr=e.createTextRange();
r.moveStart("
character"
e.value.length);
r.collapse(true);
r.select();
inputtype=textname=text1value="
123"
onfocus="
cc()"
15.判断上一页的来源
document.referrer
16.最小化、最大化、关闭窗口
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"
/OBJECT>
/最小化onclick=hh1.Click()>
/blog/最大化onclick=hh2.Click()>
inputtype=buttonvalue=关闭onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
script>
functionlook(){
if(event.shiftKey)
禁止按Shift键!
);
//可以换成ALT CTRL
}
document.onkeydown=look;
18.网页不会被缓存
METAHTTP-EQUIV="
pragma"
CONTENT="
no-cache"
Cache-Control"
no-cache,must-revalidate"
expires"
Wed,26Feb199708:
21:
57GMT"
或者<
0"
19.怎样让表单没有凹凸感?
inputtype=textstyle="
border:
1solid#000000"
或
border-left:
none;
border-right:
border-top:
border-bottom:
/textarea>
20.<
div>
span>
layer>
的区别?
(division)用来定义大段的页面元素,会产生转行
用来定义同一行内的元素,跟<
的唯一区别是不产生转行
是ns的标记,ie不支持,相当于<
21.让弹出窗口总是在最上面:
bodyonblur="
this.focus();
22.不要滚动条?
让竖条没有:
bodystyle="
overflow:
scroll;
overflow-y:
hidden"
/body>
让横条没有:
overflow-x:
两个都去掉?
更简单了
bodyscroll="
no"
23.怎样去掉图片链接点击后,图片周围的虚线?
#"
onFocus="
this.blur()"
imgsrc="
/logo.jpg"
border=0>
24.电子邮件处理提交表单
formname="
form1"
method="
post"
action=mailto:
****@***.com
enctype="
text/plain"
inputtype=submit>
/form>
25.在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()
26.如何设定打开页面的大小
bodyonload="
top.resizeTo(300,200);
打开页面的位置<
top.moveBy(300,200);
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
STYLE>
body
{background-image:
url(/logo.gif);
background-repeat:
no-repeat;
background-position:
center;
background-attachment:
fixed}
/STYLE>
28.检查一段字符串是否全由数字组成
functioncheckNum(str){returnstr.match(//D/)==null}
alert(checkNum("
1232142141"
))
123214214a1"
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"
32.日期减去天数等于第二个日期
scriptlanguage=Javascript>
functioncc(dd,dadd)
//可以加上错误处理
vara=newDate(dd)
a=a.valueOf()
a=a-dadd*24*60*60*1000
a=newDate(a)
alert(a.getFullYear()+"
年"
+(a.getMonth()+1)+"
月"
+a.getDate()+"
日"
)
cc("
12/23/2002"
2)
33.选择了哪一个Radio
HTML>
vbscript"
functioncheckme()
foreachobinradio1
ifob.checkedthen
window.alertob.value
next
BODY>
INPUTname="
radio1"
type="
radio"
/style"
checked>
Style
/blog/barcode"
Barcode
INPUTtype="
button"
check"
onclick="
checkme()"
/BODY>
/HTML>
34.脚本永不出错
SCRIPTLANGUAGE="
--Hide
functionkillErrors(){
returntrue;
window.onerror=killErrors;
35.ENTER键可以让光标移到下一个输入框
inputonkeydown="
if(event.keyCode==13)event.keyCode=9"
36.检测某个网站的链接速度:
把如下代码加入<
body>
区域中:
tim=1
setInterval("
tim++"
100)
b=1
varautourl=newArray()
autourl[1]=1000){this.resized=true;
this.style.width=1000;
}"
align=absMiddleborder=0>
autourl[2]="
autourl[3]=1000){this.resized=true;
autourl[4]="
autourl[5]=1000){this.resized=true;
functionbutt(){
***("
formname=autof>
for(vari=1;
i<
autourl.length;
i++)
inputtype=textname=txt"
+i+"
size=10value="
/测试中……>
=》<
inputtype=text
name=url"
size=40>
/blog/GO
onclick=window.open(this.form.url"
.value)>
br>
inputtype=submitvalue=刷新>
butt()
functionauto(url){
document.forms[0]["
url"
+b].value=url
if(tim>
200)
{document.forms[0]["
txt"
+b].value="
/链接超时"
else
/blog/时间"
+tim/10+"
秒"
b++
functionrun(){for(vari=1;
i++)***("
imgsrc=http:
//"
+autourl+"
/"
+Math.random()+"
width=1height=1
onerror=auto("
http:
)>
)}
run()<
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-Enter"
content="
revealTrans(duration=x,transition=y)"
推出页面<
Page-Exit"
这个是页面被载入和调出时的一些特效。
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="
REFRESH"
5;
URL="
40.网页是否被检索
metaname="
ROBOTS"
属性值"
其中属性值有以下一些:
属性值为"
all"
:
文件将被检索,且页上链接可被查询;
none"
文件不被检索,而且不查询页上的链接;
index"
文件将被检索;
follow"
查询页上的链接;
noindex"
文件不检索,但可被查询链接;
nofollow"
文件不被检索,但可查询页上的链接。
41、email地址的分割
区域中
mailto:
webmaster@"
webmaster@<
42、流动边框效果的表格
SCRIPT>
l=Array(6,7,8,9,'
a'
'
b'
c'
d'
e'
f'
Nx=5;
Ny=35
t="
tableborder=0cellspacing=0cellpadding=0height="
+((Nx+2)*16)+"
tr>
for(x=Nx;
x<
Nx+Ny;
x++)
t+="
tdwidth=16id=a_mo"
+x+"
<
/td>
/tr>
tdwidth=10id=a_mo"
+(Nx-1)+"
tdcolspan="
+(Ny-2)+"
rowspan="
+(Nx)+"
+(Nx+Ny)+"
for(x=2;
=Nx;
+(Nx-x)+"
+(Ny+Nx+x-1)+"
for(x=Ny;
x>
0;
x--)
+(x+Nx*2+Ny-1)+"
***(t+"
varN=Nx*2+Ny*2
functionf1(y){
for(i=0;
N;
i++){
c=(i+y)%20;
if(c>
10)c=20-c
document.all["
a_mo"
+(i)].bgColor="
#0000"
+l[c]+l[c]+"
'
y++
setTimeout('
f1('
+y+'
)'
1'
f1
(1)
43、JavaScript主页弹出窗口技巧
窗口中间弹出
window.open("
"
width=400,height=240,top="
+(screen.availHeight-240)/2+"
left="
+(screen.availWidth-400)/2);
============
html>
head>
LiveScript"
functionWinOpen(){
msg=open("
DisplayWindow"
toolbar=no,directories=no,menubar=no"
msg.***("
HEAD>
TITLE>
哈罗!
/TITLE>
/HEAD>
CENTER>
H1>
酷毙了!
/H1>
h2>
这是<
B>
JavaScript<
/B>
所开的视窗!
/h2>
/CENTER>
/head>
form>
inputtype="
name="
Button1"
Pushme"
WinOpen()"
/html>
==============
一、在下面的代码中,你只要单击打开一个窗口,即可链接到天下网。
而当你想关闭时,只要单击一下即可关闭刚才打开的窗口。
代码如下:
<
SCRIPTlanguage="
!
functionopenclk(){
another=open('
1000){this.resized=true;
,'
NewWindow'
}
functioncloseclk(){
another.close();
//-->
FORM>
INPUTTYPE="
BUTTON"
NAME="
open"
/打开一个窗口"
onClick="
openclk()"
BR>
close"
/blog/关闭这个窗口"
closeclk()"
/FORM>
二、上面的代码也太静了,为何不来点动感呢?
如果能给页面来个降落效果那该多好啊!
functiondrop(