40种网站设计常用技巧.docx

21.让弹出窗口总是在最上面:

22.不要滚动条?

让竖条没有:

scroll;overflow-y:

hidden">

让横条没有:

scroll;overflow-x:

hidden">

两个都去掉？

更简单了

23.怎样去掉图片链接点击后，图片周围的虚线？

24.电子邮件处理提交表单

****@***.com"enctype="text/plain">

25.在打开的子窗口刷新父窗口的代码里如何写？

window.opener.location.reload（）

26.如何设定打开页面的大小

打开页面的位置

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

28.检查一段字符串是否全由数字组成

--

functioncheckNum（str）{returnstr.match（//D/）==null}

alert（checkNum（"1232142141"））

alert（checkNum（"123214214a1"））

//-->

29.获得一个窗口的大小

document.body.clientWidth;document.body.clientHeight

30.怎么判断是否是字符

if（/[^/x00-/xff]/g.test（s））alert（"含有汉字"）;

elsealert（"全是字符"）;

31.TEXTAREA自适应文字行数的多少

32.日期减去天数等于第二个日期

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

functioncheckme（）

foreachobinradio1

ifob.checkedthenwindow.alertob.value

next

endfunction

Style

Barcode

34.脚本永不出错

--Hide

functionkillErrors（）{

returntrue;

}

window.onerror=killErrors;

//-->

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

36.检测某个网站的链接速度：

把如下代码加入区域中:

tim=1

setInterval（"tim++",100）

b=1

varautourl=newArray（）

autourl[1]=""

autourl[2]=""

autourl[3]=""

autourl[4]=""

autourl[5]=""

functionbutt（）{

document.write（""）

for（vari=1;i

document.write（""=》

name=url"+i+"size=40>=》

onclick=window.open（this.form.url"+i+".value）>
"）

document.write（""）

}

butt（）

functionauto（url）

else

b++

}

functionrun（）{for（vari=1;i

//"+autourl+"/"+Math.random（）+"width=1height=1

onerror=auto（"http:

//"+autourl+""）>"）}

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.页面进入和退出的特效

进入页面

推出页面

这个是页面被载入和调出时的一些特效。

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.在规定时间内跳转

//www.williamlong.info">

40.网页是否被检索

　　其中属性值有以下一些:

　　属性值为"all":

文件将被检索，且页上链接可被查询；

　　属性值为"none":

文件不被检索，而且不查询页上的链接；

　　属性值为"index":

文件将被检索；

　　属性值为"follow":

查询页上的链接；

　　属性值为"noindex":

文件不检索，但可被查询链接；

　　属性值为"nofollow":

文件不被检索，但可查询页上的链接。

最大化窗口？

--

self.moveTo（0,0）

self.resizeTo（screen.availWidth,screen.availHeight）

//-->

解决问题：

由于层与下拉框之间的优先级是：

下拉框>层，因此在显示的时候，会因为优先级的次序而会出现如上问题。

（如果几个元素都是层的话，我们可以通过层的z-index属性来设置）解决办法就是：

给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！

具体解决代码如下：

absolute;visibility:

hidden;top:

20px;left:

20px;width:

100px;height:

200px;background-color:

#6699cc;">

false"style="position:

absolute;visibility:

inherit;top:

0px;left:

0px;width:

100px;height:

200px;z-index:

-1;filter='progidXImageTransform.Microsoft.Alpha（style=0,opacity=0）';">