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.  检查一段字符串是否全由数字组成 

-- 

function  checkNum（str）{return  str.match（//D/）==null} 

alert（checkNum（"1232142141"）） 

alert（checkNum（"123214214a1"）） 

//  --> 

29.  获得一个窗口的大小 

document.body.clientWidth;  document.body.clientHeight 

30.  怎么判断是否是字符 

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

else  alert（"全是字符"）; 

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

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

function  cc（dd,dadd） 

{ 

//可以加上错误处理 

var  a  =  new  Date（dd） 

a  =  a.valueOf（） 

a  =  a  -  dadd  *  24  *  60  *  60  *  1000 

a  =  new  Date（a） 

alert（a.getFullYear（）  +  "年"  +  （a.getMonth（）  +  1）  +  "月"  +  a.getDate（）  +  "日"） 

} 

cc（"12/23/2002",2） 

33.  选择了哪一个Radio 

function  checkme（） 

for  each  ob  in  radio1 

if  ob.checked  then  window.alert  ob.value 

next 

end  function 

Style 

Barcode 

34.脚本永不出错 

--  Hide   

function  killErrors（）  {   

return  true;   

}   

window.onerror  =  killErrors;   

//  -->   

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

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

把如下代码加入区域中:

tim=1 

setInterval（"tim++",100） 

b=1 

var  autourl=new  Array（） 

autourl[1]="" 

autourl[2]="" 

autourl[3]="" 

autourl[4]="" 

autourl[5]="" 

function  butt（）{ 

document.write（""） 

for（var  i=1;i

document.write（""  =》

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

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

document.write（""） 

} 

butt（） 

function  auto（url） 

else 

b++ 

} 

function  run（）{for（var  i=1;i

//"+autourl+"/"+Math.random（）+"  width=1  height=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='progid:

DXImageTransform.Microsoft.Alpha（style=0,opacity=0）';">