1. 将彻底屏蔽鼠标右键οncοntextmenu=”window.event.returnValue=false”<tableborder oncontextmenu=return(false)><td>no</table>可用于 Table2. 取消选取、防止复制<bodyonselectstart=”returnfalse”>3.JS不允许粘贴οnpaste=”return false”4. JS防止复制οncοpy=”return false;” oncut=”return false;”5. IE 地址栏前换成自己的图标<linkrel=”ShortcutIcon” href=”favicon.ico”>在文件的根目录放进去这个图片,后缀修改成ico就可以了6.可以在收藏夹中显示出你的图标<linkrel=”Bookmark”href=”favicon.ico”>7.关闭输入法<inputstyle=”ime-mode:disabled”>8. 永远都会带着框架<scriptlanguage=”JavaScript”><!–if(window==top)top.location.href= “frames.htm”;//frames.htm 为框架网页// –></script>9. 防止被人 frame<SCRIPTLANGUAGE=JAVASCRIPT><!–if(top.location != self.location)top.location=self.location;// –></SCRIPT>10. 网页将不能被另存为<noscript><iframesrc=*.html></iframe></noscript>11.<inputtype=buttonvalue=查看网页源代码onclick=”window.location = “view-source:”+“http://www.pconline.com.cn””>12.删除时确认<ahref=”javascript:if(confirm(”确 实 要 删 除 吗 ?”))location=”boos.asp?&areyou=删 除&page=1″”>删除</a>13. 取得控件的绝对位置//Javascript<scriptlanguage=”Javascript”>function getIE(e){var t=e.offsetTop;var l=e.offsetLeft;while(e=e.offsetParent){t+=e.offsetTop;l+=e.offsetLeft;}alert(“top=”+t+”/nleft=”+l);}</script>//VBScript<scriptlanguage=”VBScript”><!–functiongetIE()dim t,l,a,bset a=document.all.img1t=document.all.img1.offsetTopl=document.all.img1.offsetLeftwhile a.tagName<>”BODY”set a = a.offsetParentt=t+a.offsetTopl=l+a.offsetLeftwendmsgbox “top=”&t&chr(13)&”left=”&l,64,”得到控件的位置”end function–></script>14. 光标是停在文本框文字的最后<scriptlanguage=”javascript”>function cc(){var e = event.srcElement;var r =e.createTextRange();r.moveStart(“character”,e.value.length);r.collapse(true);r.select();}</script><inputtype=textname=text1value=”123″onfocus=”cc()”>15. 判断上一页的来源javascript:document.referrer16. 最小化、最大化、关闭窗口<objectid=hh1classid=”clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11″><paramname=”Command”value=”Minimize”></object><objectid=hh2classid=”clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11″><paramname=”Command”value=”Maximize”></object><OBJECTid=hh3classid=”clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11″><PARAMNAME=”Command”VALUE=”Close”></OBJECT><inputtype=buttonvalue=最小化onclick=hh1.Click()><inputtype=buttonvalue=最大化onclick=hh2.Click()><inputtype=buttonvalue=关闭onclick=hh3.Click()>本例适用于 IE17.屏蔽功能键 Shift,Alt,Ctrl<script>function look(){if(event.shiftKey)alert(“禁止按 Shift 键!”); //可以换成 ALT CTRL}document.οnkeydοwn=look;</script>18. 网页不会被缓存<METAHTTP-EQUIV=”pragma”CONTENT=”no-cache”><METAHTTP-EQUIV=”Cache-Control”CONTENT=”no-cache,must-revalidate”><METAHTTP-EQUIV=”expires”CONTENT=”Wed,26 Feb 1997 08:21:57 GMT”>或者<METAHTTP-EQUIV=”expires”CONTENT=”0″>19.怎样让表单没有凹凸感?<inputtype=textstyle=”border:1solid #000000″><inputtype=textstyle=”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.让弹出窗口总是在最上面:<bodyonblur=”this.focus();”>22.不要滚动条?让竖条没有:<bodystyle=”overflow:scroll;overflow-y:hidden”></body>让横条没有:<bodystyle=”overflow:scroll;overflow-x:hidden”></body>两个都去掉?更简单了<bodyscroll=”no”></body>23.怎样去掉图片链接点击后,图片周围的虚线?<ahref=”#”onFocus=”this.blur()”><imgsrc=”logo.jpg”border=0></a>24.电子邮件处理提交表单<formname=”form1″method=”post”action=”mailto:****@***.com”enctype=”text/plain”><inputtype=submit></form>25.在打开的子窗口刷新父窗口的代码里如何写?window.opener.location.reload()26.如何设定打开页面的大小<bodyonload=”top.resizeTo(300,200);”>打开页面的位置<bodyonload=”top.moveBy(300,200);”>27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动<STYLE>body{background-image:url(logo.gif); background-repeat:no-repeat;background-position:center;background-attachment: fixed}</STYLE>28. 检查一段字符串是否全由数字组成<scriptlanguage=”Javascript”><!–functioncheckNum(str){return str.match(//D/)==null}alert(checkNum(“1232142141”))alert(checkNum(“123214214a1”))// –></script>29. 获得一个窗口的大小document.body.clientWidth; document.body.clientHeight30. 怎么判断是否是字符if (/[^/x00-/xff]/g.test(s)) alert(“含有汉字”);else alert(“全是字符”);31.TEXTAREA 自适应文字行数的多少<textarearows=1name=s1cols=27onpropertychange=”this.style.posHeight=this.scrollHeight”></textarea>32. 日期减去天数等于第二个日期<scriptlanguage=Javascript>function cc(dd,dadd){//可以加上错误处理var a = new Date(dd)a = a.valueOf()a = a – dadd * 24 * 60 * 60 * 1000a = new Date(a)alert(a.getFullYear() + “年” + (a.getMonth() + 1) + “月” + a.getDate() + “日”)}cc(“12/23/2002”,2)</script>33. 选择了哪一个 Radio<HTML><scriptlanguage=”vbscript”>function checkme()for each ob in radio1if ob.checked then window.alert ob.valuenextend function</script><BODY><INPUTname=”radio1″type=”radio”value=”style”checked>Style<INPUTname=”radio1″type=”radio”value=”barcode”>Barcode<INPUTtype=”button”value=”check”onclick=”checkme()”></BODY></HTML>34.脚本永不出错<SCRIPTLANGUAGE=”JavaScript”><!– Hidefunction killErrors() {return true;}window.onerror= killErrors;// –></SCRIPT>35.ENTER 键可以让光标移到下一个输入框<inputonkeydown=”if(event.keyCode==13)event.keyCode=9″>36. 检测某个网站的链接速度:把如下代码加入<body>区域中:<scriptlanguage=Javascript>tim=1setInterval(“tim++”,100)b=1var autourl=new Array()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”function butt(){document.write(“<formname=autof>”)for(var i=1;i<autourl.length;i++)document.write(“< input type=textname=txt”+i+”size=10value=测试中……> =》<inputtype=textname=url”+i+”size=40> =》<inputtype=buttonvalue=GOonclick=window.open(this.form.url”+i+”.value)>“)document.write(“<inputtype=submitvalue=刷新></form>”)}butt()function auto(url){document.forms[0][“url”+b].value=urlif(tim>200){document.forms[0][“txt”+b].value=”链接超时”}else{document.forms[0][“txt”+b].value=”时间”+tim/10+”秒”}b++}function run(){for(var i=1;i<autourl.length;i++)document.write(“< imgsrc=http://”+autourl+”/”+Math.random()+”width=1height=1onerror=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-resizen-resizenw-resizew-resizes-resizese-resizesw-resize38.页面进入和退出的特效进入页面<metahttp-equiv=”Page-Enter”content=”revealTrans(duration=x,transition=y)”>推出页面<metahttp-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.在规定时间内跳转<METAhttp-equiv=V=”REFRESH”content=”5;URL=http://www.51js.com”>40.网页是否被检索<metaname=”ROBOTS”content=”属性值”>其中属性值有以下一些:属性值为”all”: 文件将被检索,且页上链接可被查询;属性值为”none”: 文件不被检索,而且不查询页上的链接;属性值为”index”: 文件将被检索;属性值为”follow”: 查询页上的链接;属性值为”noindex”: 文件不检索,但可被查询链接;属性值为”nofollow”: 文件不被检索,但可查询页上的链接。41.回车用客户端脚本在页面添加document 的onkeydown事件,让页面在接受到回车事件后,进行Tab键的功能,即只要把 event 的 keyCode 由 13 变为 9Javascript 代码如下:<scriptlanguage=”javascript”for=”document”event=”onkeydown”><!if(event.keyCode==13)event.keyCode=9;–></script>这样的处理方式,可以实现焦点往下移动,但对于按钮也起同样的作用,一般的客户在输入完资料以后,跳到按钮后,最好能直接按”回车”进行数据的提交.因此,对上面的方法要进行一下修改,应该对于”提交”按钮不进行焦点转移.而直接激活提交.因此我对上面的代码进行了一个修改,即判断事件的”源”,是否为提交按钮,代码如下:<scriptlanguage=”javascript”for=”document”event=”onkeydown”><!if(event.keyCode==13 &&event.srcElement.type!=’button’&&event.srcElement.type!=’submit’&&event.srcElement.type!=’reset’&&event.srcElement.type!=’textarea’&&event.srcElement.type!=”)event.keyCode=9;–></script>判断是否为 button, 是因为在 HTML 上会有 type=”button”判断是否为 submit,是因为 HTML 上会有 type=”submit”判断是否为 reset,是因为 HTML 上的”重置”应该要被执行判断是否为空,是因为对于 HTML 上的”<a>链接”也应该被执行,这种情况发生的情况不多,可以使用”tabindex=-1″的方式来取消链接获得焦点.

转载于:https://www.cnblogs.com/wuheng1991/p/5795891.html

20个JS 小技巧超级实用相关推荐

  1. Android 4.0操作系统的20个使用小技巧

    为什么80%的码农都做不了架构师?>>>    安卓4.0操作系统,它的一大卖点就是整合所有硬件的使用体验,无论是低端智能手机还是高端智能手机,只要运行Android ICS操作系统 ...

  2. 你不知道的十个 JS 小技巧

    总结了一些开发常用的 JS 小技巧,让你的代码更优雅! 1. 使用 const 定义 在开发中不要过度声明变量,尽量使用表达式和链式调用形式.然后一般能用 const 就不要用 let .这种模式写多 ...

  3. 2022前端应该掌握的10个 JS 小技巧

    你知道 0 ?? 1等于多少吗? 大家好,我是 LBJ,今天我们聊聊2022一些值得掌握的新特性! 现在前端发展很快,各种技术和框架层出不穷.百花齐放,很多人都喊学不动啦!事实上JavaScript ...

  4. goland 20.1.1小技巧

    golang 20.1.1小技巧磨刀不误砍柴工 版本号: Year.Major.Minor             2020   1        1 在命令行使用goland: 使用过vscode的 ...

  5. 苹果手机把游戏藏在计算机,七个一定要知道的Iphone隐藏小技巧,很实用,我知道的太晚了...

    原标题:七个一定要知道的Iphone隐藏小技巧,很实用,我知道的太晚了 关于Iphone手机的小技巧大家都知道多少个呢?如果你用了苹果很多年的话,那你肯定知道很多小技巧吧?今天和分享些我个人知道的一些 ...

  6. Windows XP的20个特殊小技巧

    Windows XP的20个特殊小技巧 Windows系统中总有无尽的技巧可以供我们发掘,每次都有惊喜.看看这次给大家带来了什么? 1.在记事本中自动记录文件的打开时间 在记事本中,我们可以记录每次打 ...

  7. css 自动换行_前端必备!20个CSS小技巧

    在日常学习和工作中,你是否经常觉得时间不够用?为了帮助你提高效率,今天,就为大家分享一些CSS小技巧,如果你感觉有用,也可以收藏与分享给你的小伙伴们~ 1. 文字水平居中 将一段文字置于容器的水平中点 ...

  8. iPhone X用户需要知道的12个隐藏小技巧 条条实用

    由于全面屏设计的需要,iPhone X放弃了从2007年维持至今的Home键,改为完全使用手势控制.初用这部手机时,你可能会感到有点无所适从.别担心,了解了本文当中的12个小技巧,你就能完全掌握这款手 ...

  9. 关于JS的20多个小技巧

    1.函数懒加载 如:判断当前环境是否微信 function isWechat() {const result =typeof wx === "object" &&n ...

最新文章

  1. java循环队列_java实现循环队列(顺序队列)
  2. Linux Socket编程的一些总结
  3. 【Swift】UITableViewCell 中 TTTAttributedLabel 超链接无法点击的问题
  4. Jmeter 在 beanshell 脚本中写日志
  5. 这个学期的总结,下个学期比较坑的事情和要注意的点
  6. python爬虫采集网站数据
  7. const 在C++中的区别
  8. python观察日志(part12)--基于类的深拷贝与浅拷贝
  9. sqlite 查询 支持多用户同时_SQLite支持多进程同时操作数据库文件吗?
  10. python转换窗口无响应_Tkinter窗口显示(没有响应),但代码正在运行
  11. 紧急通知,三星未收购智能家居公司
  12. SAP License:统计型实际结算型内部订单
  13. Android各个版本API的区别
  14. [原]C++头文件的包含顺序研究
  15. [转]linux下IPTABLES配置详解
  16. 支付宝授权登陆php,php实现支付宝授权登录
  17. 修改Mac版Word默认字体的方法
  18. 将MP4视频和MP4音频合并成MP4文件
  19. 零点起飞学java web_零点起飞学Java Web开发 (徐林林) 高清PDF_IT教程网
  20. pdfbox pdf转图片,图片长宽大小与pdf保持一致

热门文章

  1. 点击button 验证倒计时
  2. Android 常见adb命令
  3. 受损虚拟机的修复方法
  4. python函数与方法的区别_python中函数和方法有哪些区别
  5. win08跟linux,Win 8 PK Linux!八大优势助微软完胜
  6. Spring学习之旅(二):Bean的高级装配之解决装配歧义性
  7. 批量文件替换_CAD图形文件中如何快速批量替换文字?【AutoCAD教程】
  8. 19linux关机重启20登录注销
  9. c语言分治法求众数重数_五大常见算法策略之——递归与分治策略
  10. datetime类型怎么输入_精心整理MySQL基本使用(数据库的操作、数据类型、MySQL的常用命令)...