JavaScript实用代码集锦:禁用右键、选择、粘贴等
需积分: 3 97 浏览量
更新于2025-01-14
收藏 2KB TXT 举报
"JavaScript珍藏实用代码集合,包含禁止右键、禁止选择、禁止粘贴、防止页面被框架嵌套、检测键盘特殊按键以及获取屏幕信息、当前URL、URL参数和实现窗口通信等多个功能的代码片段。"
在JavaScript中,这些代码片段常用于提升网页的用户体验或增加安全性:
1. 禁止右键:
```html
<body oncontextmenu="return false;">
```
这行代码可以防止用户在网页上右键点击,通常用于防止右键菜单中的“查看源代码”等选项。
2. 禁止选择:
```html
<body onselectstart="return false;">
```
这段代码阻止了用户在网页上的文本选择,防止文本被复制。
3. 禁止粘贴:
```html
<body onpaste="return false;">
```
阻止用户通过鼠标右键或快捷键在页面上粘贴内容。
4. 防止页面被框架嵌套:
```javascript
if (top == self) top.location.href = "page.htm";
```
和
```javascript
if (top != self) top.location.href = "page.htm";
```
这些脚本确保页面不被其他框架页引用,如果页面不在顶级窗口中,将重定向到指定页面。
5. 检测键盘特殊按键:
```javascript
function key() {
if (event.shiftKey) alert("Shift键已被按下!");
}
document.onkeydown = key;
```
这个函数监听键盘事件,当Shift键被按下时会弹出警告。
6. 获取屏幕信息:
```javascript
document.write("屏幕宽度:" + screen.width + " 屏幕高度:" + screen.height);
```
这段代码用于获取用户的屏幕分辨率。
7. 获取当前URL:
```javascript
document.write(self.location);
```
显示当前页面的完整URL。
8. 获取URL参数:
```javascript
var add = top.location;
add = add.toString();
document.write(add.substring(add.indexOf("?") + 1, add.length));
```
用于提取URL中问号(?)后面的参数部分。
9. 实现窗口通信:
- 在父窗口(t1.html):
```javascript
<script language="JavaScript">
window.open("t2.html", "_blank", "width=200", "height=200", "scroll=no");
</script>
```
- 在子窗口(t2.html):
```javascript
<script language="JavaScript">
function op(add) {
if (window.opener) {
window.opener.document.location = add;
}
}
</script>
```
这两个脚本组合,可以在子窗口中改变父窗口的URL,实现两个窗口间的通信。
这些代码片段是JavaScript基础应用的一部分,但现代Web开发中,考虑到可访问性和用户体验,部分限制功能(如禁止右键、选择)可能不再推荐使用。
118 浏览量
2011-03-26 上传
2009-01-05 上传
203 浏览量
106 浏览量
166 浏览量
2023-05-14 上传
148 浏览量
2023-04-28 上传
etongchina
- 粉丝: 6
最新资源
- UNO系列Arduino平台LED闪烁实验资料包
- 多媒体播放器实习:简便易用的多功能媒体体验
- 掌握OBS Studio与NewTek NDI的完美融合
- 深度解析JavaScript在Github博客中的应用
- iOS后台定位与坐标实时上传技术解析
- C#实现经典 Snake 游戏的壮举
- 秋季枫叶主题PPT模板免费下载
- Java实现语音播报技术入门教程
- 有赞微店助手v2.0.0发布:高效管理微商城商品
- handleball.js:Node.js示例中的路由器实践指南
- iOS平台图表组件开发与应用
- 基于CNN的Emosic应用:情感驱动的音乐推荐系统
- 网络学习利器:Cisco Packet Tracer 6.2sv模拟器
- 炫酷5G主题科技感PPT模板下载
- 求职必备:大学生个人简历PPT模板
- 海盗组合响应式设计的快速部署与应用