JavaScript 实用技巧集锦
需积分: 3 116 浏览量
更新于2024-09-14
收藏 18KB TXT 举报
"本文介绍了JavaScript中的一些实用技巧,包括禁止鼠标右键菜单、阻止文本选中与复制、禁用粘贴功能、设置网页图标、阻止框架跳转、强制全屏显示、防止被嵌入到框架、获取元素坐标等,这些都是在网页开发中可能会用到的JavaScript小技巧。"
JavaScript是一种广泛应用于网页和应用程序的脚本语言,它可以直接在浏览器中运行,用于处理用户交互、操作DOM(文档对象模型)以及实现动态效果。以下是对标题和描述中提到的部分JavaScript技巧的详细解释:
1. 禁止鼠标右键菜单:通过`oncontextmenu`事件,可以设置`window.event.returnValue=false`来阻止默认的右键菜单显示。例如:`<table border oncontextmenu="return false;"><td>no</table>`。
2. 阻止文本选中与复制:在`<body>`标签中添加`onselectstart="return false"`,可以防止用户选中文本。如果要同时阻止复制和剪切,可以添加`oncopy="return false;" oncut="return false;"`。
3. 禁止粘贴:对于输入框,可以设置`<input style="ime-mode: disabled">`来禁用输入法,从而阻止粘贴。
4. 设置网页图标:通过`<link rel="Shortcut Icon" href="favicon.ico">`和`<link rel="Bookmark" href="favicon.ico">`,可以指定网页的快捷方式图标和书签图标。
5. 防止页面被嵌入到框架:检查`window`对象是否等于`top`窗口,如果不是,则重定向到指定页面,如`<script>if(window==top) top.location.href="frames.htm";</script>`。
6. 强制全屏显示:利用`<noscript>`标签,当JavaScript被禁用时,加载一个指向全屏页面的链接。
7. 跳转至源代码查看:在按钮点击事件中,利用`onclick`属性,将页面地址转换为`view-source:`协议,让用户查看页面源码。
8. 删除确认提示:在删除操作的链接中,加入`if(confirm("确定要删除吗?"))`来弹出确认对话框,只有用户确认后才会执行删除操作。
9. 获取元素的绝对位置:通过JavaScript函数`getIE(e)`,可以递归计算元素相对于文档顶部和左侧的偏移值,这对于定位和拖动等操作非常有用。
以上只是55个技巧中的一部分,这些技巧可以帮助开发者更精细地控制网页的行为和用户体验。在实际开发中,根据需求选择合适的方法,可以提升网站的专业性和用户体验。
108 浏览量
2012-05-21 上传
2010-01-01 上传
108 浏览量
2019-03-06 上传
2012-06-21 上传
425 浏览量
2016-03-11 上传
2011-11-28 上传
hoyi
- 粉丝: 6
- 资源: 5
最新资源
- 数据结构(c++版)
- Keil C51使用详解
- 3D论文-A Generic Framework for Efficient 2-D and 3-D Facial Expression Analogy
- 楼房销售论文.doc
- WebLogic Web Development
- The C Programming Language
- 一个RMI的分布式应用的实例
- 很好看的一个js的小日历
- Turbo C 屏幕函数
- ArcGIS9.3新特性
- CHD372中文资料
- C语言100例(精髓)
- 附录B Phase1-Phase2-Phase2+之间的差异
- ext中文手册(ext教程)
- 常用功能的测试方法-告诉你如何测试界面、功能、安装测试等
- 跟我一起写Makefile