总结收藏的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">删除</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;csxiaoyao.comoverflow-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">

网页是否被检索

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

属性值：

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

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

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

浅谈 TensorFlow.js 在前端的工程化应用

三种不同场景下 vue 组件动态加载的方法及实现

使用 requestAnimationFrame 替代 throttle 优化页面性能

函数防抖(debounce)和节流(throttle)在H5编辑器项目中的应用