ECMAScript/前端

总结收藏的21个JavaScript实用技巧

csxiaoyao · 8月19日 · 2016年 本文2246字 · 阅读6分钟15

总结收藏的21个JavaScript实用技巧

Write By CS逍遥剑仙
我的主页: csxiaoyao.com
GitHub: github.com/csxiaoyaojianxian
Email: sunjianfeng@csxiaoyao.com
QQ: 1724338257

  1. 彻底屏蔽鼠标右键

    <code class="language-html">oncontextmenu="window.event.returnValue=false"
    <table border oncontextmenu=return(false)><td>可用于table</td></table></code>
  2. 取消选取、防止复制

    <code class="language-php+HTML"><body onselectstart="return false"></code>
  3. JS不允许粘贴

    <code class="language-html">onpaste="return false"</code>
  4. JS防止复制

    <code class="language-html">oncopy="return false;"
    oncut="return false;"</code>
  5. 地址栏换成自己的图标

    <code class="language-html"><link rel="shortcut icon" href="favicon.ico" /></code>
  6. 在收藏夹中显示图标

    <code class="language-html"><link rel="bookmark" href="favicon.ico"></code>
  7. 防止被 frame

    <code class="language-html"><SCRIPT LANGUAGE=JAVASCRIPT>
    <!– if (top.location != self.location)top.location=self.location; -–>
    </SCRIPT></code>
  8. 设置网页不能被另存为

    <code class="language-html"><noscript><iframe src=x.html></iframe></noscript></code>
  9. 网页源代码

    <code class="language-html"><input type=button value="查看网页源代码" onclick="window.location = 'view-source:' + 'http://www.csxiaoyao.com'"></code>
  10. 删除时确认

    <code class="language-html"><a href="javascript:if(confirm("删除?"))location="xxx">删除</a></code>
  11. 取得控件的绝对位置

    <code class="language-html"><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></code>
  12. 判断上一页的来源

    <code class="language-html">javascript:document.referrer</code>
  13. 网页不会被缓存

    <code class="language-html"><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″></code>
  14. 让弹出窗口总在最上面

    <code class="language-html"><body onblur="this.focus();"></body></code>
  15. 去除滚动条

    <code class="language-html"><body style="overflow:scroll;overflow-y:hidden"></body>
    <body style="overflow:scroll;overflow-x:hidden"></body>
    <body scroll="no"></body></code>
  16. 在打开的子窗口刷新父窗口

    <code class="language-html">window.opener.location.reload()</code>
  17. 设定打开页面的大小位置

    <code class="language-html"><body onload="top.resizeTo(300,200);">
    <body onload="top.moveBy(300,200);"></code>
  18. ENTER 键让光标移到下一个输入框

    <code class="language-html">< input onkeydown="if(event.keyCode==13) event.keyCode=9"></code>
  19. 页面进入和退出特效

    <code class="language-html">< meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
    < meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)"></code>

    页面被载入和调出时的特效,duration 表示特效的持续时间,以秒为单位,transition 表示使用哪种特效,取值为 1-23:

<code>0 矩形缩小
1 矩形扩大
2 圆形缩小
3 圆形扩大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 点扩散
13 左右到中间刷新
14 中间到左右刷新
15 中间到上下
16 上下到中间
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 横条
22 竖
23 以上 22 种随机选择一种</code>
  1. 在规定时间内跳转

    <code class="language-html"><META http-equiv=V="REFRESH" content="5;URL=http://www.csxiaoyao.com"></code>
  2. 网页是否被检索

    <code class="language-html"><meta name="ROBOTS" content="属性值"></code>

    属性值:

all: 文件将被检索,且页上链接可被查询
none: 文件不被检索,而且不查询页上的链接
index: 文件将被检索
follow: 查询页上的链接
noindex: 文件不检索,但可被查询链接
nofollow: 文件不被检索,但可查询页上的链接

总结收藏的21个JavaScript实用技巧-禅林阆苑

0 条回应

×