ECMAScript/前端

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

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

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

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

  1. 彻底屏蔽鼠标右键

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

    <body onselectstart="return false">
  3. JS不允许粘贴

    onpaste="return false"
  4. JS防止复制

    oncopy="return false;"
    oncut="return false;"
  5. 地址栏换成自己的图标

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

    <link rel="bookmark" href="favicon.ico">
  7. 防止被 frame

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

    <noscript><iframe src=x.html></iframe></noscript>
  9. 网页源代码

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

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

    <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>
  12. 判断上一页的来源

    javascript:document.referrer
  13. 网页不会被缓存

    <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″>
  14. 让弹出窗口总在最上面

    <body onblur="this.focus();"></body>
  15. 去除滚动条

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

    window.opener.location.reload()
  17. 设定打开页面的大小位置

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

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

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

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

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 种随机选择一种
  1. 在规定时间内跳转

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

    <meta name="ROBOTS" content="属性值">

    属性值:

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

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

0 条回应

×