您的位置：首页 > 其它

网页制作当中的小技巧

2011-03-26 08:12 162 查看
怎样去掉图片链接点击后，图片周围的虚线？<ahref="#"onFocus="this.blur()"><imgsrc="logo.jpg"border=0></a>



1.oncontextmenu="window.event.returnValue=false"
将彻底屏蔽鼠标右键


<tableborder
oncontextmenu=return(false)><td>no</table>
可用于Table


2.<body
onselectstart="returnfalse">
取消选取、防止复制


3.onpaste="return
false"
不准粘贴


4.oncopy="return
false;"oncut="returnfalse;"
防止复制


5.<link
rel="ShortcutIcon"href="favicon.ico">IE
地址栏前换成自己的图标


6.<link
rel="Bookmark"href="favicon.ico">
可以在收藏夹中显示出你的图标


7.<input
style="ime-mode:disabled">
关闭输入法


8.
永远都会带着框架


<script
language="JavaScript"><!--


if(window==
top)top.location.href="frames.htm";//frames.htm
为框架网页


//--></script>


9.
防止被人frame


<SCRIPT
LANGUAGE=JAVASCRIPT><!--


if(top.location!=
self.location)top.location=self.location;


//--></SCRIPT>


10.
网页将不能被另存为


<noscript><iframe
src=*.html></iframe></noscript>


11.<input
type=buttonvalue=
查看网页源代码


onclick="window.location
='view-source:'+'http://www.51js.com/'">


12.
删除时确认


<a
href='javascript:if(confirm("
确实要删除吗?"))location="boos.asp?&areyou=删
除&page=1"'>删


除</a>


13.
取得控件的绝对位置


//Javascript


<script
language="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


while
a.tagName<>"BODY"


seta=a.offsetParent


t=t+a.offsetTop


l=l+a.offsetLeft


wend


msgbox
"top="&t&chr(13)&"left="&l,64,"
得到控件的位置"


endfunction


--></script>


14.
光标是停在文本框文字的最后


<script
language="javascript">


functioncc()


{


vare=
event.srcElement;


varr
=e.createTextRange();


r.moveStart('character',e.value.length);


r.collapse(true);


r.select();


}


</script>


<inputtype=textname=text1
value="123"onfocus="cc()">


15.
判断上一页的来源


javascript:


document.referrer


16.
最小化、最大化、关闭窗口


<objectid=hh1
classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">


<param
name="Command"value="Minimize"></object>


<objectid=hh2
classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">


<param
name="Command"value="Maximize"></object>


<OBJECTid=hh3
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">


<PARAM
NAME="Command"VALUE="Close"></OBJECT>


<inputtype=button
value=
最小化
onclick=hh1.Click()>


<inputtype=button
value=
最大化
onclick=hh2.Click()>


<inputtype=button
value=
关闭
onclick=hh3.Click()>


本例适用于IE


17.
屏蔽功能键Shift,Alt,Ctrl


<script>


functionlook(){


if(event.shiftKey)


alert("
禁止按Shift键!");
//可以换成ALT　CTRL


}


document.onkeydown=look;


</script>


18.
网页不会被缓存


<META
HTTP-EQUIV="pragma"CONTENT="no-cache">


<META
HTTP-EQUIV="Cache-Control"CONTENT="no-cache,
must-revalidate">


<META
HTTP-EQUIV="expires"CONTENT="Wed,26Feb199708:21:57
GMT">


或者<META
HTTP-EQUIV="expires"CONTENT="0">


19.
怎样让表单没有凹凸感？


<inputtype=textstyle="border:1
solid#000000">


或


<inputtype=text
style="border-left:none;border-right:none;border-top:none;
border-bottom:


1solid
#000000"></textarea>


20.<div><span>&<layer>
的区别？


<div>(division)
用来定义大段的页面元素，会产生转行


<span>
用来定义同一行内的元素，跟<div>的唯一区别是不产生转行


<layer>
是ns的标记，ie不支持，相当于<div>


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


<body
onblur="this.focus();">


22.
不要滚动条?


让竖条没有:


<body
style='overflow:scroll;overflow-y:hidden'>


</body>


让横条没有:


<body
style='overflow:scroll;overflow-x:hidden'>


</body>


两个都去掉？更简单了


<body
scroll="no">


</body>


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


<ahref="#"
onFocus="this.blur()"><imgsrc="logo.jpg"
border=0></a>


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


<form
name="form1"method="post"
action="mailto:****@***.com"enctype="text/plain">


<input
type=submit>


</form>


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


window.opener.location.reload()


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


<body
onload="top.resizeTo(300,200);">


打开页面的位置<body
onload="top.moveBy(300,200);">


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


<STYLE>


body


{background-image:url(logo.gif);
background-repeat:no-repeat;


background-position:center;background-attachment:
fixed}


</STYLE>

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


<script
language="Javascript"><!--


function
checkNum(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=1
name=s1cols=27
onpropertychange="this.style.posHeight=this.scrollHeight">


</textarea>


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


<script
language=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)


</script>


33.
选择了哪一个Radio


<HTML><script
language="vbscript">


functioncheckme()


foreachobinradio1


ifob.checkedthen
window.alertob.value


next


endfunction


</script><BODY>


<INPUT
name="radio1"type="radio"value="style"
checked>Style


<INPUT
name="radio1"type="radio"
value="barcode">Barcode


<INPUT
type="button"value="check"
onclick="checkme()">


</BODY></HTML>


34.
脚本永不出错


<SCRIPT
LANGUAGE="JavaScript">


<!--Hide


functionkillErrors(){


returntrue;


}


window.onerror=
killErrors;


//-->


</SCRIPT>


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


<input
onkeydown="if(event.keyCode==13)event.keyCode=9">


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


把如下代码加入<body>区域中:


<script
language=Javascript>


tim=1


setInterval("tim++",100)


b=1


varautourl=newArray()


autourl[1]="www.njcatv.net"


autourl[2]="javacool.3322.net"


autourl[3]="www.sina.com.cn"


autourl[4]="www.nuaa.edu.cn"


autourl[5]="www.cctv.com"


functionbutt(){


document.write("<form
name=autof>")


for(var
i=1;i<autourl.length;i++)


document.write("<input
type=textname=txt"+i+"size=10value=
测试中……>=》<input
type=text


name=url"+i+"
size=40>=
》<inputtype=buttonvalue=GO


onclick=window.open(this.form.url"+i+".value)><br>")


document.write("<input
type=submitvalue=
刷新></form>")


}


butt()


functionauto(url){


document.forms[0]["url"+b].value=url


if(tim>200)


{document.forms[0]["txt"+b].value="
链接超时"}


else


{document.forms[0]["txt"+b].value="
时间"+tim/10+"秒"}


b++


}


functionrun(){for(var
i=1;i<autourl.length;i++)document.write("<img


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


进入页面<meta
http-equiv="Page-Enter"content="revealTrans(duration=x,
transition=y)">


推出页面<meta
http-equiv="Page-Exit"content="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.
在规定时间内跳转


<META
http-equiv=V="REFRESH"
content="5;URL=http://www.51js.com">


40.
网页是否被检索


<meta
name="ROBOTS"content="
属性值">


　　其中属性值有以下一些:


　　属性值为"all":
文件将被检索，且页上链接可被查询；


　　属性值为"none":
文件不被检索，而且不查询页上的链接；


　　属性值为"index":
文件将被检索；


　　属性值为"follow":
查询页上的链接；


　　属性值为"noindex":
文件不检索，但可被查询链接；


　　属性值为"nofollow":
文件不被检索，但可查询页上的链接。

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航