Javascript中最常用的25个经典技巧

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

    1. 可用于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"><!--  
    2. if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页   // --></script>  

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

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

            11. < input type=button value="/查看网页源代码
            onclick="window.location = "view-source:"+ "http://www.pconline.com.cn"">
            12.删除时确认
            <a href=""javascript :if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a>  

              13. 取得控件的绝对位置
              //Javascript
              <script language="Javascript">  
            1. function getIE(e){   var t=e.offsetTop;  
            2. var l=e.offsetLeft;   while(ee=e.offsetParent){  
            3. t+=e.offsetTop;   l+=e.offsetLeft;  
            4. }   alert("top="+t+"/nleft="+l);  
            5. }  
            6. </script> 

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

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

              1. 15. 判断上一页的来源

                javascript :

                document.referrer  


                  16. 最小化、最大化、关闭窗口
                  <object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">  

                1. <param name="Command" value="Minimize"></object>   <object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">  
                2. <param name="Command" value="Maximize"></object>   <OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
                3. 本例适用于IE
                  17.屏蔽功能键Shift,Alt,Ctrl

                  <script>  

                4. function look(){   if(event.shiftKey)  
                5. alert("禁止按Shift键!"); //可以换成ALT CTRL   }  
                6. document.onkeydown=look;   </script>  
                7.  

                  18. 网页不会被缓存

                  <META HTTP-EQUIV="pragma" CONTENT="no-cache">  

                8. <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">   <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">  

                  1. 或者
                    <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. 1 solid #000000"></textarea>  

                        1. 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">  

                          1. </body>  

                            1. 让横条没有:

                              <body style="overflow:scroll;overflow-x:hidden">  

                            2. </body>  


                              1. 两个都去掉?更简单了

                                <body scroll="no">  

                              2. </body>  

                                1. 23.怎样去掉图片链接点击后,图片周围的虚线?

                                  <a href="#" onFocus="this.blur()"><img src="/logo.jpg" border=0></a>  


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

                                  1. <PARAM NAME="Command" value="/Close"></OBJECT>   <input type=button value="/最小化 onclick=hh1.Click()>  
                                  2. <input type=button value="/blog/最大化 onclick=hh2.Click()>   <input type=button value=关闭 onclick=hh3.Click()>  
                                    1. <form name="form1" method="post" action=mailto:****@***.com  

                                    2. enctype="text/plain">   <input type=submit>  
                                    3. </form>  

                                      1. 25.在打开的子窗口刷新父窗口的代码里如何写?

                                        window.opener.location.reload()  


                                           

                                          原文地址:https://www.cnblogs.com/zhangsongshan/p/2352698.html