JavaScript实战技巧:禁止右键、防复制与更多
需积分: 9 127 浏览量
更新于2024-10-23
收藏 43KB DOC 举报
"JavaScript实用技巧集锦,包括鼠标右键屏蔽、禁止选取复制、设置页面图标、控制输入法、防止被frame、禁止另存为、查看源代码提示、删除确认以及获取控件绝对位置等技巧。"
JavaScript是一种广泛应用于Web开发的脚本语言,它在客户端运行,为用户提供丰富的交互体验。以下是对这些实用技巧的详细解释:
1. **屏蔽鼠标右键**:
使用`oncontextmenu="window.event.returnValue=false"`可以阻止用户在页面上执行右键菜单,这通常用于防止用户复制或查看源代码。
2. **禁止选取与复制**:
通过`<body onselectstart="return false">`可以阻止用户在页面上选取文本,`onpaste="return false"`、`oncopy="return false;"`和`oncut="return false;"`则可防止用户复制和剪切内容。
3. **设置页面图标**:
使用`<link rel="Shortcut Icon" href="favicon.ico">`和`<link rel="Bookmark" href="favicon.ico">`可以将指定的ICO文件设置为浏览器地址栏和收藏夹的图标。
4. **关闭输入法**:
`<input style="ime-mode: disabled">`可以使输入框禁用输入法,适用于不需要输入法的场景,如密码输入。
5. **防止页面被嵌入到框架中**:
当`if(window == top)`条件成立时,表示当前页面不在任何框架内,可以使用`top.location.href="frames.htm"`将顶层窗口重定向到指定的框架页面,防止被其他页面嵌入。
6. **防止被frame**:
通过`if(top.location != self.location) top.location = self.location;`检查当前页面是否为主页面,如果不是,则将其重定向到自身,从而避免被其他页面frame。
7. **禁止网页被另存为**:
使用`<noscript><iframe src=*.html></iframe></noscript>`,当用户尝试另存页面时,会显示一个空的iframe,使得另存操作失效。
8. **查看源代码提示**:
创建一个按钮,点击后跳转到`view-source:`协议查看指定URL的源代码,例如:`onclick="window.location='view-source:http://www.pconline.com.cn'"`。
9. **删除确认**:
在链接中使用`if(confirm("确实要删除吗?"))`,在用户点击删除链接时弹出确认对话框,只有当用户确认后才会执行删除操作。
10. **获取控件的绝对位置**:
获取控件的绝对位置是JavaScript中常见的需求,可以通过遍历DOM树并累加元素的offset属性来实现,但这里提供的代码不完整,完整的实现需要结合实际的DOM元素进行。
这些技巧在特定的场景下非常实用,可以帮助开发者增强页面的安全性和用户体验。然而,需要注意的是,一些限制用户行为的技巧可能会引起用户的不便,因此在使用时需谨慎,确保符合用户习惯和网站的访问政策。
点击了解资源详情
2007-04-29 上传
点击了解资源详情
点击了解资源详情
点击了解资源详情
点击了解资源详情
点击了解资源详情
点击了解资源详情
点击了解资源详情
2024-11-29 上传
zc15152166963
- 粉丝: 0
- 资源: 8
最新资源
- C语言数组操作:高度检查器编程实践
- 基于Swift开发的嘉定单车LBS iOS应用项目解析
- 钗头凤声乐表演的二度创作分析报告
- 分布式数据库特训营全套教程资料
- JavaScript开发者Robert Bindar的博客平台
- MATLAB投影寻踪代码教程及文件解压缩指南
- HTML5拖放实现的RPSLS游戏教程
- HT://Dig引擎接口,Ampoliros开源模块应用
- 全面探测服务器性能与PHP环境的iprober PHP探针v0.024
- 新版提醒应用v2:基于MongoDB的数据存储
- 《我的世界》东方大陆1.12.2材质包深度体验
- Hypercore Promisifier: JavaScript中的回调转换为Promise包装器
- 探索开源项目Artifice:Slyme脚本与技巧游戏
- Matlab机器人学习代码解析与笔记分享
- 查尔默斯大学计算物理作业HP2解析
- GitHub问题管理新工具:GIRA-crx插件介绍