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

开发 后端
本文介绍Javascript中最常用的25个经典技巧,可以实现隐蔽右键功能,删除时确认等简单功能。

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

  1. <table border oncontextmenu=return(false)> 
  2. <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. 永远都会带着框架

  1. <script language="JavaScript"><!--   
  2. if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页   
  3. // --></script>  

9. 防止被人frame

  1. <SCRIPT LANGUAGE=JAVASCRIPT><!--   
  2. if (top.location != self.location)top.location=self.location;   
  3. // --></SCRIPT>   

10. 网页将不能被另存为

  1. <noscript><*** src="/*.html>";</***></noscript>   

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

12.删除时确认

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

13. 取得控件的绝对位置

//Javascript

  1. <script language="Javascript">   
  2. function getIE(e){   
  3. var t=e.offsetTop;   
  4. var l=e.offsetLeft;   
  5. while(ee=e.offsetParent){   
  6. t+=e.offsetTop;   
  7. l+=e.offsetLeft;   
  8. }   
  9. alert("top="+t+"/nleft="+l);   
  10. }   
  11. </script>   

//VBScript

  1. <script language="VBScript"><!--   
  2. function getIE()   
  3. dim t,l,a,b   
  4. set a=document.all.img1   
  5. t=document.all.img1.offsetTop   
  6. l=document.all.img1.offsetLeft   
  7. while a.tagName<>"BODY"   
  8. set aa = a.offsetParent   
  9. tt=t+a.offsetTop   
  10. ll=l+a.offsetLeft   
  11. wend   
  12. msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"   
  13. end function   
  14. --></script>   

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

  1. <script language="javascript">   
  2. function cc()   
  3. {   
  4. var e = event.srcElement;   
  5. var r =e.createTextRange();   
  6. r.moveStart("character",e.value.length);   
  7. r.collapse(true);   
  8. r.select();   
  9. }   
  10. </script>   
  11. <input type=text name=text1 value="123" onfocus="cc()">  

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

  1. document.referrer  

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

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

本例适用于IE

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

  1. <script>   
  2. function look(){   
  3. if(event.shiftKey)   
  4. alert("禁止按Shift键!"); //可以换成ALT CTRL   
  5. }   
  6. document.onkeydown=look;   
  7. </script>  

18. 网页不会被缓存

  1. <META HTTP-EQUIV="pragma" CONTENT="no-cache">   
  2. <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">   
  3. <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">  

或者

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

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

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



  1. <input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:   
  2. 1 solid #000000"></textarea>   

20.< div>< span>&< layer>的区别?
< div>(division)用来定义大段的页面元素,会产生转行
< span>用来定义同一行内的元素,跟< div>的唯一区别是不产生转行
< layer>是ns的标记,ie不支持,相当于< div>


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

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

22.不要滚动条?
让竖条没有:

  1. <body style="overflow:scroll;overflow-y:hidden">   
  2. </body>  

让横条没有:

  1. <body style="overflow:scroll;overflow-x:hidden">   
  2. </body>  


两个都去掉?更简单了

  1. <body scroll="no">   
  2. </body>   

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

  1. <a href="#" onFocus="this.blur()"><img src="/logo.jpg" border=0></a>  

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

  1. <form name="form1" method="post" action=mailto:****@***.com   
  2. enctype="text/plain">   
  3. <input type=submit>   
  4. </form>  

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

  1. window.opener.location.reload()  

【相关资讯】

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

【责任编辑:王观 TEL:(010)68476606】

责任编辑:王观 来源: 动态网站制作指南
相关推荐

2013-08-26 16:23:13

iOS应用标题移动应用标题常用单词移动应用推广

2024-02-26 00:00:00

stage函数进度

2010-08-27 11:17:49

DIVCSS

2024-01-29 18:02:46

2024-01-24 13:14:00

Python内置函数工具

2022-01-06 09:41:45

区块链比特币技术

2009-04-30 15:26:25

Visual Stud快捷键技巧

2024-01-22 13:53:00

Linux环境变量

2017-10-30 13:34:22

深度学习KerasAPI

2023-07-08 23:02:14

快捷键IntelliJIDEA

2012-07-27 09:36:33

金山WPSWPS移动版

2024-02-28 18:01:20

IDEAIDEtry

2022-10-14 13:47:06

2015-07-29 10:46:20

Java错误

2018-12-06 11:30:42

JavaScript前端编程语言

2021-01-31 23:56:49

JavaScript开发代码

2009-09-03 10:08:27

JavaScript自

2010-01-11 10:53:14

C++Builder

2021-09-16 11:02:49

Python线程

2022-09-20 12:59:36

JavaScript函数
点赞
收藏

51CTO技术栈公众号