知识大全 JavaScript实用的一些技巧

Posted 2022-07-20 知

篇首语：非淡泊无以明志，非宁静无以致远。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 JavaScript实用的一些技巧相关的知识，希望对你有一定的参考价值。

JavaScript实用的一些技巧 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

oncontextmenu= window event returnValue=false 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table

　　 <body onselectstart= return false > 取消选取防止复制

　　 onpaste= return false 不准粘贴

　　 oncopy= return false; oncut= return false; 防止复制

　　 <link rel= Shortcut Icon > IE地址栏前换成自己的图标

　　 <link rel= Bookmark > 可以在收藏夹中显示出你的图标

　　 <input > 关闭输入法

　　永远都会带着框架<script language= JavaScript ><! if (window == top)top location href = ; //为框架网页// ></script>

　　防止被人frame<SCRIPT LANGUAGE=JAVASCRIPT><! if (top location != self location)top location=self location;// ></SCRIPT>

　　网页将不能被另存为<noscript><iframe src=l></iframe></noscript>

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

　　取得控件的绝对位置//Javascript<script language= 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<script language= VBScript ><! function getIE()dim t l a bset a=document all img t=document all img offsetTopl=document all img offsetLefhile a tagName<> BODY set a = a offsetParentt=t+a offsetTopl=l+a offsetLefendmsgbox top= &t&chr( )& left= &l 得到控件的位置 end function ></script>

　　光标是停在文本框文字的最后<script language= javascript >function cc()var e = event srcElement;var r =e createTextRange();r moveStart( character e value length);llapse(true);r select();</script><input type=text name=text value= onfocus= cc() >

　　判断上一页的来源javascript:document referrer

　　最小化最大化关闭窗口<object id=hh classid= clsid:ADB A D FF CF AA B A > <param name= Command value= Minimize ></object><object id=hh classid= clsid:ADB A D FF CF AA B A > <param name= Command value= Maximize ></object><OBJECT id=hh classid= clsid:adb a d ff cf aa b a ><PARAM NAME= Command VALUE= Close ></OBJECT><input type=button value=最小化 onclick=hh Click()><input type=button value=最大化 onclick=hh Click()><input type=button value=关闭 onclick=hh Click()>本例适用于IE

　　屏蔽功能键Shift Alt Ctrl<script>function look() if(event shiftKey) alert( 禁止按Shift键! ); //可以换成ALT　CTRL document onkeydown=look; </script>

　　网页不会被缓存<META HTTP EQUIV= pragma CONTENT= no cache ><META HTTP EQUIV= Cache Control CONTENT= no cache must revalidate ><META HTTP EQUIV= expires CONTENT= Wed Feb : : GMT >或者<META HTTP EQUIV= expires CONTENT= >

　　怎样让表单没有凹凸感？<input type=text > 或<input type=text ></textarea>

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

　　让弹出窗口总是在最上面:<body onblur= this focus(); >

　　不要滚动条? 让竖条没有: <body > </body> 让横条没有: <body > </body> 两个都去掉？更简单了 <body scroll= no > </body>

　　怎样去掉图片链接点击后图片周围的虚线？<a # onFocus= this blur() ><img src= logo jpg border= ></a>

　　电子邮件处理提交表单<form name= form method= post action= mailto:****@** enctype= text/plain > <input type=submit></form>

　　在打开的子窗口刷新父窗口的代码里如何写？window opener location reload()

　　如何设定打开页面的大小<body onload= top resizeTo( ); >打开页面的位置<body onload= top moveBy( ); >

　　在页面中如何加入不是满铺的背景图片拉动页面时背景图不动 <STYLE> body background image:url(logo gif); background repeat:no repeat; background position:center;background attachment: fixed </STYLE>

　　检查一段字符串是否全由数字组成<script language= Javascript ><! function checkNum(str)return str match(//D/)==nullalert(checkNum( ))alert(checkNum( a ))// ></script>

　　获得一个窗口的大小document body clientWidth; document body clientHeight

　　怎么判断是否是字符if (/[^/x /xff]/g test(s)) alert( 含有汉字 );else alert( 全是字符 );

　　 TEXTAREA自适应文字行数的多少<textarea rows= name=s cols= onpropertychange= this style posHeight=this scrollHeight ></textarea>

　　日期减去天数等于第二个日期<script language=Javascript>function cc(dd dadd)//可以加上错误处理var a = new Date(dd)a = a valueOf()a = a dadd * * * * a = new Date(a)alert(a getFullYear() + 年 + (a getMonth() + ) + 月 + a getDate() + 日 )cc( / / )</script>

　　选择了哪一个Radio<HTML><script language= vbscript >function checkme()for each ob in radio if ob checked then window alert ob valuenextend function</script><BODY><INPUT name= radio type= radio value= style checked>Style<INPUT name= radio type= radio value= barcode >Barcode<INPUT type= button value= check onclick= checkme() ></BODY></HTML>

　　脚本永不出错<SCRIPT LANGUAGE= JavaScript > <! Hide function killErrors() return true; window onerror = killErrors; // > </SCRIPT>

　　 ENTER键可以让光标移到下一个输入框<input onkeydown= if(event keyCode== )event keyCode= >

　　检测某个网站的链接速度把如下代码加入<body>区域中:<script language=Javascript>tim= setInterval( tim++ )b= var autourl=new Array()autourl[ ]= autourl[ ]= autourl[ ]= autourl[ ]= autourl[ ]= function butt()document write( <form name=autof> )for(var i= ;i<autourl length;i++)document write( <input type=text name=txt +i+ size= value=测试中……> =》<input type=text name=url +i+ size= > =》<input type=button value=GO

　　onclick=window open(this form url +i+ value)><br> )document write( <input type=submit value=刷新></form> )butt()function auto(url)document forms[ ][ url +b] value=urlif(tim> )document forms[ ][ txt +b] value= 链接超时 elsedocument forms[ ][ txt +b] value= 时间 +tim/ + 秒 b++function run()for(var i= ;i<autourl length;i++)document write( <img // +autourl+ / +Math random()+ width= height=

　　onerror=auto(// +autourl+ )> )run()</script>

　　各种样式的光标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 resize

　　页面进入和退出的特效进入页面<meta equiv= Page Enter content= revealTrans(duration=x transition=y) >推出页面<meta equiv= Page Exit content= revealTrans(duration=x transition=y) > 这个是页面被载入和调出时的一些特效 duration表示特效的持续时间以秒为单位 transition表示使用哪种特效取值为 :　　矩形缩小　　矩形扩大　　圆形缩小　　圆形扩大　　下到上刷新　　上到下刷新　　左到右刷新　　右到左刷新　　竖百叶窗　　横百叶窗　　错位横百叶窗　　错位竖百叶窗　　点扩散　　左右到中间刷新　　中间到左右刷新　　中间到上下　　上下到中间　　右下到左上　　右上到左下　　左上到右下　　左下到右上　　横条　　竖条　　以上种随机选择一种

　　在规定时间内跳转<META equiv=V= REFRESH content= ;URL= >

cha138/Article/program/Java/JSP/201311/19266