JavaScript 实用的一些技巧 (1)

2008-01-17 20:44:27 作者：佚名来源：www.foreweb.com 文字大小：大 | 中 | 小

简介：1.oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table2. <body onselectstart="return false"> 取消选取、防止复制 ...

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

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

3. onpaste="return false" 不准粘贴<BR>

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

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

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

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

8. 永远都会带着框架<BR><script language="JavaScript"></script><BR>

9. 防止被人frame<BR><SCRIPT LANGUAGE=JAVASCRIPT></SCRIPT><BR>

10. 网页将不能被另存为<BR><noscript><iframe src=*.html></iframe></noscript><BR>

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

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

13. 取得控件的绝对位置<BR>//Javascript<BR><script language="Javascript"><BR>function getIE(e){<BR>var t=e.offsetTop;<BR>var l=e.offsetLeft;<BR>while(e=e.offsetParent){<BR>t+=e.offsetTop;<BR>l+=e.offsetLeft;<BR>}<BR>alert("top="+t+"/nleft="+l);<BR>}<BR></script><BR>//VBScript<BR><script language="VBScript"><!--<BR>function getIE()<BR>dim t,l,a,b<BR>set a=document.all.img1<BR>t=document.all.img1.offsetTop<BR>l=document.all.img1.

offsetLeft<BR>while a.tagName<>"BODY"<BR>set a = a.offsetParent<BR>t=t+a.offsetTop<BR>l=l+a.offsetLeft<BR>wend<BR>msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"<BR>end function<BR>--></script><BR>

14. 光标是停在文本框文字的最后<BR><script language="javascript"><BR>

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

15. 判断上一页的来源<BR>javascript:<BR>document.referrer<BR>

16. 最小化、最大化、关闭窗口<BR><object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"><BR><param name="Command" value="Minimize"></object><BR><object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"><BR><param name="Command" value="Maximize"></object><BR><OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><BR><PARAM NAME="Command" VALUE="Close"></OBJECT><BR><input type=button value=最小化 onclick=hh1.Click()><BR><input type=button value=最大化 onclick=hh2.Click()><BR><input type=button value=关闭 onclick=hh3.Click()><BR>本例适用于IE<BR>

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

18. 网页不会被缓存<BR><META HTTP-EQUIV="pragma" CONTENT="no-cache"><BR><META HTTP-EQUIV="Cache-Control" CONTENT="no-cache,

must-revalidate"><BR><META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"><BR>或者<META HTTP-EQUIV="expires" CONTENT="0"><BR>

19.怎样让表单没有凹凸感？<BR><input type=text style="border:1 solid #000000"><BR>或<BR><input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:<BR>1 solid #000000"></textarea><BR>

20.<div><span>&<layer>的区别？<BR><div>(division)用来定义大段的页面元素，会产生转行<BR><span>用来定义同一行内的元素，跟<div>

的唯一区别是不产生转行<BR><layer>是ns的标记，ie不支持，相当于<div><BR>

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

22.不要滚动条?<BR>让竖条没有:<BR><body style="overflow:scroll;overflow-y:hidden"><BR></body><BR>让横条没有:<BR><body style="overflow:scroll;overflow-x:hidden"><BR></body><BR>两个都去掉？

更简单了<BR><body scroll="no"><BR></body><BR>

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

24.电子邮件处理提交表单<BR><form name="form1" method="post" action="<A href="mailto:****@***.com">mailto:****@***.com</A>" enctype="text/plain"><BR><input type=submit><BR></form><BR>

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

26.如何设定打开页面的大小<BR><body onload="top.resizeTo(300,200);"><BR>

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

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

fixed}<BR></STYLE>
<P></P>
28. 检查一段字符串是否全由数字组成<BR><script language="Javascript"></script><BR>

29. 获得一个窗口的大小<BR>document.body.clientWidth; document.body.clientHeight<BR>

30. 怎么判断是否是字符<BR>if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");<BR>else

alert("全是字符");<BR>

31.TEXTAREA自适应文字行数的多少<BR><textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"><BR></textarea

<BR>

32. 日期减去天数等于第二个日期<BR><script language=Javascript><BR>function cc(dd,dadd)<BR>{<BR>//可以加上错误处理<BR>var a = new Date(dd)<BR>a = a.valueOf()<BR>a = a - dadd * 24 * 60 * 60 * 1000<BR>a = new Date(a)<BR>alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")<BR>}<BR>cc("12/23/2002",2)<BR></script><BR>

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

34.脚本永不出错<BR><SCRIPT LANGUAGE="JavaScript"><BR><BR></SCRIPT><BR>

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

36. 检测某个网站的链接速度：<BR>把如下代码加入<body>区域中:<BR><script language=Javascript><BR>tim=1<BR>setInterval("tim++",100)<BR>b=1<BR>var autourl=new Array()<BR>autourl[1]="<A href="http://www.njcatv.net/">www.njcatv.net</A>"<BR>autourl[2]="javacool.3322.net"<BR>autourl[3]="<A href="http://www.sina.com.cn/">www.sina.com.cn</A>"<BR>autourl[4]="<A href="http://www.nuaa.edu.cn/">www.nuaa.edu.cn&

[1] [2]

( 责任编辑：liujin 浏览次数：19 )

本文引用地址：http://www.cyhd.net/appdesign/2008/0117/article_387.html

发表评论　加入收藏　告诉好友　打印本页　关闭窗口　返回顶部