精彩:JavaScript经典技巧

2008-02-23 07:40:34来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

  1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
    <table border oncontextmenu=return(false)><td>no</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. 永远都会带着框架
  <script language="JavaScript"><!--
  if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
  // --></script>

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

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

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

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

  13. 取得控件的绝对位置
  //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,b
  set a=document.all.img1
  t=document.all.img1.offsetTop
  l=document.all.img1.offsetLeft
  while a.tagName<>"BODY"
  set a = a.offsetParent
  t=t a.offsetTop
  l=l a.offsetLeft
  wend
  msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
  end function
  --></script>

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

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

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

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

  18. 网页不会被缓存
  <META HTTP-EQUIV="pragma" CONTENT="no-cache">
  <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
  <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
  或者<META HTTP-EQUIV="expires" CONTENT="0">

  19.怎样让表单没有凹凸感?
  <input type=text style="border:1 solid #000000">
  或
  <input type=text style="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.让弹出窗口总是在最上面:
  <body onblur="this.focus();">

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

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

  24.电子邮件处理提交表单
  <form name="form1" method="post" action="mailto:****@***.com

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:JavaScript高级应用:例外处理

下一篇:用CSS和JS实现网页的多种风格的设置