前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >总结收藏的21个JavaScript实用技巧

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

作者头像
CS逍遥剑仙
发布2025-03-02 21:56:50
发布2025-03-02 21:56:50
9100
代码可运行
举报
文章被收录于专栏:禅林阆苑禅林阆苑
运行总次数:0
代码可运行

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

彻底屏蔽鼠标右键

代码语言:javascript
代码运行次数:0
复制
oncontextmenu="window.event.returnValue=false"
<table bcsxiaoyao.comorder oncontextmenu=return(false)><td>可用于table</td></table>

取消选取、防止复制

代码语言:javascript
代码运行次数:0
复制
<body onselectstart="return false">

JS不允许粘贴

代码语言:javascript
代码运行次数:0
复制
onpaste="return false"

JS防止复制

代码语言:javascript
代码运行次数:0
复制
oncopy="return false;"
oncut="return false;"

地址栏换成自己的图标

代码语言:javascript
代码运行次数:0
复制
<link rel="shortcut icon" href="favicon.ico" />

在收藏夹中显示图标

代码语言:javascript
代码运行次数:0
复制
<link rel="bookmark" href="favicon.ico">

防止被 frame

代码语言:javascript
代码运行次数:0
复制
<SCRIPT LANGUAGE=JAVASCRIPT>
<!– if (top.location != self.location)top.location=self.location; -–>
</SCRIPT>

设置网页不能被另存为

代码语言:javascript
代码运行次数:0
复制
<noscript><iframe src=x.html></iframe></noscript>

网页源代码

代码语言:javascript
代码运行次数:0
复制
<input type=button value="查看网页源代码" onclick="window.location = 'view-source:' + 'http://www.csxiaoyao.com'">

删除时确认

代码语言:javascript
代码运行次数:0
复制
<a href="javascript:if(confirm("删除?"))location="xxx">删除</a>

取得控件的绝对位置

代码语言:javascript
代码运行次数:0
复制
<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
代码运行次数:0
复制
javascript:document.referrer

网页不会被缓存

代码语言:javascript
代码运行次数:0
复制
<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″>

让弹出窗口总在最上面

代码语言:javascript
代码运行次数:0
复制
<body onblur="this.focus();"></body>

去除滚动条

代码语言:javascript
代码运行次数:0
复制
<body style="overflow:scroll;overflow-y:hidden"></body>
<body style="overflow:scroll;overflow-x:hidden"></body>
<body scroll="no"></body>

在打开的子窗口刷新父窗口

代码语言:javascript
代码运行次数:0
复制
window.opener.location.reload()

设定打开页面的大小位置

代码语言:javascript
代码运行次数:0
复制
<body onload="top.resizeTo(300,200);">
<body onload="top.moveBy(300,200);">

ENTER 键让光标移到下一个输入框

代码语言:javascript
代码运行次数:0
复制
< input onkeydown="if(event.keyCode==13) event.keyCode=9">

页面进入和退出特效

代码语言:javascript
代码运行次数:0
复制
< meta http-equiv=&quocsxiaoyao.comt;Page-Enter" content="revealTrans(duration=x, transition=y)">
< meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">

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

代码语言:javascript
代码运行次数:0
复制
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 种随机选择一种

在规定时间内跳转

代码语言:javascript
代码运行次数:0
复制
<META http-equiv=V="REFRESH" content="5;URL=http://www.csxiaoyao.com">

网页是否被检索

代码语言:javascript
代码运行次数:0
复制
<meta name="ROBOTS" content="属性值">

属性值:

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 总结收藏的21个JavaScript实用技巧
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档