总结收藏的21个JavaScript实用技巧
Write By CS逍遥剑仙
我的主页: csxiaoyao.com
GitHub: github.com/csxiaoyaojianxian
Email: sunjianfeng@csxiaoyao.com
QQ: 1724338257
-
彻底屏蔽鼠标右键
oncontextmenu="window.event.returnValue=false" <table border oncontextmenu=return(false)><td>可用于table</td></table>
-
取消选取、防止复制
<body onselectstart="return false">
-
JS不允许粘贴
onpaste="return false"
-
JS防止复制
oncopy="return false;" oncut="return false;"
-
地址栏换成自己的图标
<link rel="shortcut icon" href="favicon.ico" />
-
在收藏夹中显示图标
<link rel="bookmark" href="favicon.ico">
-
防止被 frame
<SCRIPT LANGUAGE=JAVASCRIPT> <!– if (top.location != self.location)top.location=self.location; -–> </SCRIPT>
-
设置网页不能被另存为
<noscript><iframe src=x.html></iframe></noscript>
-
网页源代码
<input type=button value="查看网页源代码" onclick="window.location = 'view-source:' + 'http://www.csxiaoyao.com'">
-
删除时确认
<a href="javascript:if(confirm("删除?"))location="xxx">
csxiaoyao.com 删除</a> -
取得控件的绝对位置
<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>
-
判断上一页的来源
javascript:document.referrer
-
网页不会被缓存
<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″>
-
让弹出窗口总在最上面
<body onblur="this.focus();"></body>
-
去除滚动条
<body style="overflow:scroll;overflow-y:hidden"></body> <body style="overflow:scroll;overflow-x:hidden"></body> <body scroll="no"></body>
-
在打开的子窗口刷新父窗口
window.opener.location.reload()
-
设定打开页面的大小位置
<body onload="top.resizeTo(300,200);"> <body onload="top.moveBy(300,200);">
-
ENTER 键让光标移到下一个输入框
< input onkeydown="if(event.keyCode==13) event.keyCode=9">
-
页面进入和退出特效
< 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 种随机选择一种
-
在规定时间内跳转
<META http-equiv=V="REFRESH" content="5;URL=http://www.csxiaoyao.com">
-
csxiaoyao.com 网页是否被检索
<meta name="ROBOTS" content="属性值">
属性值:
all
: 文件将被检索,且页上链接可被查询
none
: 文件不被检索,而且不查询页上的链接
index
: 文件将被检索
follow
: 查询页上的链接
noindex
: 文件不检索,但可被查询链接
nofollow
: 文件不被检索,但可查询页上的链接