Javascript特效大全:60+实用技巧
需积分: 24 196 浏览量
更新于2024-09-19
收藏 20KB TXT 举报
"这篇资源主要收集了60多种JavaScript特效,包括禁止右键菜单、禁止文本选择、禁止复制粘贴、设置网页图标、阻止框架跳转、强制全屏显示、获取元素位置等实用技巧。"
在JavaScript特效中,我们可以看到以下几个关键知识点:
1. 禁止右键菜单: 使用`oncontextmenu`事件处理函数,如`window.event.returnValue=false`,可以防止用户通过右键点击触发默认的上下文菜单。
2. 禁止文本选择: 在HTML元素上设置`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)`,如果当前窗口是顶级窗口,则重定向到指定页面,以防止框架被嵌入其他页面。
7. 强制全屏显示: 当用户访问页面时,若页面位于框架内,可以通过`if(top.location != self.location) top.location = self.location;`将页面设为全屏显示。
8. 自定义链接跳转: `<input type=button value="查看源代码" onclick="window.location='view-source:'+'http://www.pconline.com.cn'">`创建一个按钮,点击后会打开浏览器的源代码查看器,显示指定网址的源代码。
9. 删除确认提示: 在链接中使用`onclick`事件结合`confirm`函数,如`onclick="if(confirm('确定要删除吗?')) location='boos.asp?&areyou=ɾ&page=1'"`,在用户点击删除链接前会弹出确认对话框。
10. 获取元素位置: `getIE(e)`函数是一个JavaScript函数,用于获取元素相对于视口的顶部和左侧偏移量,通常用于定位或者拖拽效果。
以上是JavaScript特效的一些基本示例,它们可以增强网页的交互性和用户体验。这些技巧在实际的Web开发中非常有用,可以帮助开发者实现各种定制化的功能和视觉效果。
2018-09-17 上传
2010-04-26 上传
2009-02-16 上传
2010-05-23 上传
2018-04-25 上传
2010-04-23 上传
2008-11-09 上传
2024-11-10 上传
2024-11-10 上传
tangyanan
- 粉丝: 1
- 资源: 11
最新资源
- NIST REFPROP问题反馈与解决方案存储库
- 掌握LeetCode习题的系统开源答案
- ctop:实现汉字按首字母拼音分类排序的PHP工具
- 微信小程序课程学习——投资融资类产品说明
- Matlab犯罪模拟器开发:探索《当蛮力失败》犯罪惩罚模型
- Java网上招聘系统实战项目源码及部署教程
- OneSky APIPHP5库:PHP5.1及以上版本的API集成
- 实时监控MySQL导入进度的bash脚本技巧
- 使用MATLAB开发交流电压脉冲生成控制系统
- ESP32安全OTA更新:原生API与WebSocket加密传输
- Sonic-Sharp: 基于《刺猬索尼克》的开源C#游戏引擎
- Java文章发布系统源码及部署教程
- CQUPT Python课程代码资源完整分享
- 易语言实现获取目录尺寸的Scripting.FileSystemObject对象方法
- Excel宾果卡生成器:自定义和打印多张卡片
- 使用HALCON实现图像二维码自动读取与解码