JavaScript 实用代码集锦:55个小技巧解析
需积分: 3 49 浏览量
更新于2024-09-15
1
收藏 18KB TXT 举报
"这篇资源包含了55个JavaScript的实用小代码片段,涵盖了各种常见的功能实现,如禁用右键菜单、禁止文本选择、阻止复制粘贴等。此外,还包括设置网页图标、处理框架重定向、实现页面跳转、弹窗确认操作以及获取元素在页面中的位置等技巧。这些代码对提升JavaScript开发效率和优化用户体验非常有帮助。"
1. 禁用右键菜单:`oncontextmenu="window.event.returnValue=false"` 这行代码可以防止用户在页面上右键点击时显示默认的上下文菜单。
2. 禁止表格选中:`<table border oncontextmenu="return(false)"><td>no</table>` 和 `<body onselectstart="return false">` 分别用于禁止表格内容和页面文本的选中。
3. 阻止复制、剪切、粘贴:`onpaste="return false"`、`oncopy="return false;"` 和 `oncut="return false;"` 可以防止用户在指定区域执行这些操作。
4. 设置网页图标:`<link rel="Shortcut Icon" href="favicon.ico">` 和 `<link rel="Bookmark" href="favicon.ico">` 用于设置浏览器标签页和书签的图标。
5. 禁用输入法:`<input style="ime-mode: disabled">` 可以使输入框不激活输入法,适用于不需要中文输入的场景。
6. 检查是否在顶级窗口:`if(window==top) top.location.href="frames.htm";` 如果当前窗口不是顶级窗口(比如在框架中),则重定向到指定页面。
7. 确保同源策略:`if(top.location!=self.location) top.location=self.location;` 防止被嵌入到其他网站的框架中,保持页面的独立性。
8. 无脚本时加载替代内容:`<noscript><***src="/*.html"></***></noscript>` 当用户的浏览器不支持或禁用了JavaScript时,可以显示指定的HTML内容。
9. 按钮触发页面跳转:`<input type=button value="查看网页源代码" onclick="window.location='view-source:'+'http://www.pconline.com.cn'">` 用户点击按钮后会打开指定网页的源代码视图。
10. 确认操作的删除链接:`<a href=""javascript:if(confirm("确定要删除吗?"))location="boos.asp?&areyou=刪除&page=1">删除</a>` 提供一个弹窗确认,只有用户确认后才会执行删除操作。
11. 获取元素的坐标:`function getIE(e) {...}` 这个函数可以用来获取元素相对于文档的顶部和左侧的距离,对于定位元素很有用。
以上这些JavaScript代码片段都是日常开发中可能用到的实用技巧,通过学习和应用这些代码,开发者可以更高效地解决常见问题,提升网页交互体验。
2016-03-21 上传
2012-03-03 上传
2008-09-18 上传
2012-09-17 上传
2012-05-21 上传
2011-11-07 上传
2020-12-03 上传
2022-01-18 上传
yu111
- 粉丝: 8
- 资源: 11
最新资源
- zlib-1.2.12压缩包解析与技术要点
- 微信小程序滑动选项卡源码模版发布
- Unity虚拟人物唇同步插件Oculus Lipsync介绍
- Nginx 1.18.0版本WinSW自动安装与管理指南
- Java Swing和JDBC实现的ATM系统源码解析
- 掌握Spark Streaming与Maven集成的分布式大数据处理
- 深入学习推荐系统:教程、案例与项目实践
- Web开发者必备的取色工具软件介绍
- C语言实现李春葆数据结构实验程序
- 超市管理系统开发:asp+SQL Server 2005实战
- Redis伪集群搭建教程与实践
- 掌握网络活动细节:Wireshark v3.6.3网络嗅探工具详解
- 全面掌握美赛:建模、分析与编程实现教程
- Java图书馆系统完整项目源码及SQL文件解析
- PCtoLCD2002软件:高效图片和字符取模转换
- Java开发的体育赛事在线购票系统源码分析