Javascript中最常用的25个经典技巧

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

 
 
 

  
  
  
<table border oncontextmenu=return(false)> 
  
  
  
<td>no</td></table> 
 
 
 

可用于Table

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

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

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

5. < link rel="Shortcut Icon" 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><*** src="/*.html>";</***></noscript>   
 
 
 

11. < input type=button value="/查看网页源代码
onclick="window.location = "view-source:"+ "http://www.pconline.com.cn"">

12.删除时确认

 
 
 

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

13. 取得控件的绝对位置

//Javascript

 
 
 

  
  
  
<script language="Javascript">   
  
  
  
function getIE(e){   
  
  
  
var t=e.offsetTop;   
  
  
  
var l=e.offsetLeft;   
  
  
  
while(ee=e.offsetParent){   
  
  
  
t+=e.offsetTop;   
  
  
  
l+=e.offsetLeft;   
  
  
  
}   
  
  
  
alert("top="+t+"/nleft="+l);   
  
  
  
}   
  
  
  
</script>   
 
 
 

//VBScript

 
 
 

  
  
  
<script language="VBScript"><!--   
  
  
  
function getIE()   
  
  
  
dim t,l,a,b   
  
  
  
set a=document.all.img1   
  
  
  
t=document.all.img1.offsetTop   
  
  
  
l=document.all.img1.offsetLeft   
  
  
  
while a.tagName<>"BODY"   
  
  
  
set aa = a.offsetParent   
  
  
  
tt=t+a.offsetTop   
  
  
  
ll=l+a.offsetLeft   
  
  
  
wend   
  
  
  
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"   
  
  
  
end function   
  
  
  
--></script>   
 
 
 

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

 
 
 

  
  
  
<script language="javascript">   
  
  
  
function cc()   
  
  
  
{   
  
  
  
var e = event.srcElement;   
  
  
  
var r =e.createTextRange();   
  
  
  
r.moveStart("character",e.value.length);   
  
  
  
r.collapse(true);   
  
  
  
r.select();   
  
  
  
}   
  
  
  
</script>   
  
  
  
<input type=text name=text1 value="123" onfocus="cc()">  
 
 
 

15. 判断上一页的来源
javascript :

 
 
 

  
  
  
document.referrer  
 
 
 

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

 
 
 

  
  
  
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">   
  
  
  
<param name="Command" value="Minimize"></object>   
  
  
  
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">   
  
  
  
<param name="Command" value="Maximize"></object>   
  
  
  
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">   
  
  
  
<PARAM NAME="Command" value="/Close"></OBJECT>   
  
  
  
<input type=button value="/最小化 onclick=hh1.Click()>   
  
  
  
<input type=button value="/blog/***化 onclick=hh2.Click()>   
  
  
  
<input type=button value=关闭 onclick=hh3.Click()>   
 
 
 

本例适用于IE

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

 
 
 

  
  
  
<script>   
  
  
  
function look(){   
  
  
  
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, 26 Feb 1997 08:21:57 GMT">  
 
 
 

或者

 
 
 

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

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

 
 
 

  
  
  
<input type=text style="""border:1 solid #000000">  
 
 
 

或

 
 
 

  
  
  
<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:   
  
  
  
1 solid #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.怎样去掉图片链接点击后，图片周围的虚线？

 
 
 

  
  
  
<a href="#" onFocus="this.blur()"><img src="/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()  
 
 
 

【相关资讯】

1. 不唐突的JavaScript的七条准则
2. JavaScript中的Object到底是什么
3. 痛陈Javascript的缺点
4. Javascript实现的超强语法高亮引擎
5. JavaScript如何给JavaScript文件传递参数

【责任编辑：王观 TEL：（010）68476606】