JavaScript 一些实用的技巧

1020阅读　0评论2013-06-25　yong_kang
分类：JavaScript

转自：http://blog.csdn.net/lin49940/article/details/1703533

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

这个Table屏蔽了右键
可用于Table

2. 取消选取、防止复制

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

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

5. IE地址栏前换成自己的图标

6. 可以在收藏夹中显示出你的图标
    以上两个放在里面，我用TT，遨游试验了都不行，奇怪

7. 关闭输入法

8. 永远都会带着框架

9. 防止自己的frame被人拿去用

10. 网页将不能被另存为

12.删除时确认
删除

13. 取得控件的绝对位置
//Javascript

参数e可以是控件的id，也可以是name

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

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

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









本例适用于IE

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


18. 网页不会被缓存


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

或

20.

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

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

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


让横条没有:


两个都去掉？更简单了

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

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



25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()
window.opener.location.reload(true);   //true代表从服务器重新获取，false为从缓存中获取,默认为false  
  或window.opener.location.href   =   window.opener.location.href;  
  或window.operner.location.replace(location);

26.如何设定打开页面的大小

打开页面的位置

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

28. 检查一段字符串是否全由数字组成

感觉不怎么好，检验数据最好还是用正则表达式，
function isDigit(s)  
{  
var patrn=/^[0-9]{1,20}$/;  
if (!patrn.exec(s)) return false 
return true 
}  

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

30. 怎么判断是否是字符


}


34.脚本永不出错

35.ENTER键可以让光标移到下一个输入框

37. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

38.页面进入和退出的特效
进入页面
推出页面 
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:

39.在规定时间内跳转

40.网页是否被检索

　　其中属性值有以下一些:
　　属性值为"all": 文件将被检索，且页上链接可被查询；
　　属性值为"none": 文件不被检索，而且不查询页上的链接；
　　属性值为"index": 文件将被检索；
　　属性值为"follow": 查询页上的链接；
　　属性值为"noindex": 文件不检索，但可被查询链接；
　　属性值为"nofollow": 文件不被检索，但可查询页上的链接。

 下面是我自己做的测试什么内容的页面，直接拷到一个.html文件里面就可以了

点击(此处)折叠或打开

  1. <html>
  2. <head>

  4. <link rel="SHORTCUT ICON" href="favicon.ico"/>

  6. <meta http-equiv="Page-Enter" content="revealTrans(duration=10, transition=23)">
  7. <meta http-equiv="Page-Exit" content="revealTrans(duration=10, transition=23)">
  8. </head>
  9. <body>
  10. <table name='table1' border=1 oncontextmenu=return(false) onselectstart="return false">
  11. <td>
  12. 1.屏蔽右键，2.不能选取
  13. </td>
  14. <td>
  15. 11111111111111111111111111111111111111111
  16. </td>
  17. </table>
  18. <table name='table2' border=1 >
  19. <tr>
  20. <td>
  21. 没什么效果的</td></tr>
  22. <tr>
  23. <td >
  24. 3.不能粘贴
  25. <input type=text onpaste="return false"/></td></tr>
  26. <tr>
  27. <td>
  28. 4.oncopy="return false;" oncut="return false;" 防止复制
  29. <input type=text value="复制没用" oncopy="return false" /></td></tr>
  30. <tr>
  31. <td>
  32. 5. IE地址栏前换成自己的图标
  33. 我自己用遨游没显示图标</td></tr>
  34. <tr>
  35. <td>
  36.  7. <input style="ime-mode:disabled"> 关闭输入法</td></tr>
  37. <tr>
  38. <td>
  39.  12. 删除时确认
  40. <a href='javascript:if(confirm("确实要删除吗?"))location="#"'>删除</a> </td></tr>
  41. <tr>
  42. <td>
  43. 13. 取得控件的绝对位置

  45. <script language="Javascript">...
  46. function getIE(e)...{
  47. var t=e.offsetTop;
  48. var l=e.offsetLeft;
  49. while(e=e.offsetParent)...{
  50. t+=e.offsetTop;
  51. l+=e.offsetLeft;
  52. }
  53. alert("top="+t+" left="+l);
  54. }
  55. </script>
  56. <input type=button id=b1 name=b2 onclick=getIE(b2) value='点击知道这个按钮的位置' /></td></tr>
  57. <tr>
  58. <td>
  59.  14. 光标是停在文本框文字的最后
  60. <script language="javascript">...
  61. function cc()
  62. ...{
  63. var e = event.srcElement;
  64. var r =e.createTextRange();
  65. r.moveStart("character",e.value.length);
  66. r.collapse(true);
  67. r.select();
  68. }
  69. </script>
  70. <input type=text name=text1 value="1234" onfocus="cc()"></td></tr>
  71. <tr>
  72. <td>
  73.  15. 判断上一页的来源
  74. <input type=button value="上一页" onclick='alert(top.document.referrer);' />
  75. <p><a href="testlink.html">0000</a></p></td></tr>
  76. <tr>
  77. <td>
  78.  16. 最小化、最大化、关闭窗口
  79. <object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
  80. <param name="Command" value="Minimize"></object>
  81. <object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
  82. <param name="Command" value="Maximize"></object>
  83. <OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
  84. <PARAM NAME="Command" VALUE="Close"></OBJECT>
  85. <input type=button value=最小化 onclick=hh1.Click()>
  86. <input type=button value=最大化 onclick=hh2.Click()>
  87. <input type=button value=关闭 onclick=hh3.Click()>
  88. 本例适用于IE</td></tr>
  89. <tr>
  90. <td>
  91. 17.屏蔽功能键Shift,Alt,Ctrl
  92. <script>...
  93. function look()...{
  94. if(event.shiftKey)
  95. alert("禁止按Shift键!"); //可以换成ALT　CTRL
  96. }
  97. document.onkeydown=look;
  98. </script></td></tr>
  99. <tr>
  100. <td>
  101. 19.怎样让表单没有凹凸感？
  102.  <input type=text style="border:1 solid #000000">
  103. <input type=text style="border-left:none; border-right:none; border-top:none; border-bottom: 1 solid

  105. #000000"></td></tr>
  106. <tr>
  107. <td>

 30. 怎么判断是否是字符






点击(此处)折叠或打开

  1. 31. TEXTAREA自适应文字行数的多少
  2. <textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
  3. </textarea></td></tr>
  4. <tr>
  5. <td>
  6.  32. 日期减去天数等于第二个日期
  7. <script language=Javascript>...
  8. function cc(dd,dadd)
  9. ...{
  10. //可以加上错误处理
  11. var a = new Date(dd)
  12. a = a.valueOf()
  13. a = a - dadd * 24 * 60 * 60 * 1000
  14. a = new Date(a)
  15. alert(a.getFullYear() + "年" + (a.getMonth()+1) + "月" + a.getDate() + "日")
  16. }
  17. function cc2()...{
  18.     var today=new Date();
  19.     alert(today.getFullYear()+'年'+(today.getMonth()+1)+'月'+today.getDate()+'日');
  20. }
  21. </script>
  22. <input type=button value='07-7-23减3天，测试对不对' onclick="cc('2007/7/23',3)" />
  23. <input type=button value='今天的日期' onclick=cc2() /></td></tr>
  24. <tr>
  25. <td>
  26. 35.ENTER键可以让光标移到下一个输入框
  27. <input onkeydown="if(event.keyCode==13)event.keyCode=9">
  28. <input type=text value='enter键换成tab的'/></td></tr>
  29. </table>
  30. </body>
  31. </html>

上一篇：select语句结构与执行顺序
下一篇：db2常用的客户端有QC、SqlDbxPers、Toad、松鼠和dbvis