JavaScript 实用技巧集锦:55个小窍门
需积分: 3 75 浏览量
更新于2024-09-16
收藏 18KB TXT 举报
"js常用55个技巧.txt"
这篇文档列举了55个JavaScript的实用技巧,涵盖了页面交互、事件处理、安全防护以及用户体验优化等多个方面。以下是对这些技巧的详细解释:
1. 右键菜单禁用:`oncontextmenu="window.event.returnValue=false"` 用于阻止用户通过右键点击触发默认的上下文菜单。
2. 阻止文本选择:在表格或特定元素上设置`onselectstart="return false"` 可以防止用户选择文本。
3. 禁止复制、剪切和粘贴:`onpaste="return false"`、`oncopy="return false;"` 和 `oncut="return false;"` 分别阻止了文本的粘贴、复制和剪切操作。
4. 设置网页图标:`<link rel="ShortcutIcon" href="favicon.ico">` 和 `<link rel="Bookmark" href="favicon.ico">` 分别定义了浏览器标签页的快捷图标和书签图标。
5. 关闭输入法:`<input style="ime-mode: disabled">` 可以在输入框中禁用输入法,适用于不需输入汉字的场景。
6. 防框架嵌套:通过JavaScript检查当前窗口是否为主窗口,如果不是则重定向到指定页面,如:`if(window==top) top.location.href="frames.htm";`
7. 防框架跳转:`if(top.location!=self.location) top.location=self.location;` 这段代码可以防止页面被嵌入到其他框架中,确保页面在独立窗口中显示。
8. 检测浏览器支持JavaScript:`<noscript>` 标签内的内容在JavaScript被禁用时显示,通常用来提示用户启用JavaScript。
9. 打开新窗口:`onclick="window.location='view-source:'+'http://www.pconline.com.cn'"` 通过按钮点击打开查看源代码的链接。
10. 删除确认提示:在删除链接中加入确认对话框,如:`onclick="if(confirm("ȷʵҪɾ?")) location="boos.asp?&areyou=ɾ&page=1"`,用户确认后才会执行删除操作。
11. 获取元素位置:`getIE(e)` 函数可以获取一个元素相对于其最近的相对定位祖先元素的偏移位置,常用于计算元素的位置信息。
以上只是部分技巧的解释,完整的55个技巧可能包括更多关于DOM操作、事件绑定、表单验证、动画效果等方面的知识,对于JavaScript开发者来说是非常实用的参考资料。
2009-03-22 上传
2012-03-03 上传
2009-06-19 上传
1604 浏览量
2008-12-16 上传
2010-05-21 上传
2009-07-31 上传
2019-07-09 上传
2012-04-06 上传
feizhuliufeifei
- 粉丝: 0
- 资源: 3
最新资源
- 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插件介绍