JavaScript 正则表达式与事件处理技巧全览
需积分: 3 110 浏览量
更新于2024-07-27
收藏 404KB DOC 举报
"Js技巧大全" 是一篇关于JavaScript编程技巧的文章,涵盖了正则表达式、事件处理、元素操作、窗体交互以及数据类型的检测等多个方面。文章由72妃撰写,旨在帮助开发者掌握JavaScript中的实用技能。
1. 正则表达式:
- 匹配中文字符:`[\u4e00-\u9fa5]` 这个正则表达式用于匹配任何中文字符,范围覆盖了Unicode编码中的汉字。
- 匹配双字节字符:`[^\x00-\xff]` 可以用来匹配非ASCII字符,包括大部分汉字和其他多字节字符。
- 匹配空行:`\n[\s| ]*\r` 该正则用于匹配包含空白字符的行。
- 匹配HTML标记:`/<(.*)>.*<\/\1>|<(.*) \/>/` 用于查找HTML标签,包括闭合标签和自闭合标签。
- 匹配首尾空格:`(^\s*)|(\s*$)` 类似于VBScript的Trim函数,删除字符串开头和结尾的空格。
- 匹配Email地址:`\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*` 用于验证电子邮件地址的格式。
- 匹配网址URL:`http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?` 这个正则可以识别基本的HTTP URL格式。
2. 事件处理:
- 事件源对象:`event.srcElement.tagName` 和 `event.srcElement.type` 分别获取触发事件的元素的标签名和类型。
- 捕获与释放事件:`event.srcElement.setCapture();` 用于开始捕获事件,`event.srcElement.releaseCapture();` 用于结束事件捕获。
- 事件按键信息:`event.keyCode` 获取按下键的键盘代码,`event.shiftKey`、`event.altKey` 和 `event.ctrlKey` 分别检查Shift、Alt和Ctrl键是否被按下。
- 事件返回值:`event.returnValue` 可以设置或获取事件处理程序的返回值。
- 鼠标位置:`event.x` 和 `event.y` 用于获取鼠标点击时的坐标。
- 窗体活动元素:`document.activeElement` 返回当前活动的元素。
3. 其他JavaScript操作:
- 绑定事件:`document.captureEvents(Event.KEYDOWN);` 用于捕获特定类型的事件。
- 访问窗体元素:`document.all("txt").focus();` 和 `document.all("txt").select();` 分别使文本框获得焦点和选中其内容。
- 窗体命令:`document.execCommand` 可执行某些内置的浏览器命令,如复制、剪切、粘贴等。
- 窗体Cookie:`document.cookie` 用于读写页面的Cookie。
- 菜单事件:`document.oncontextmenu` 用于监听右键菜单事件。
- 创建元素:`document.createElement("SPAN");` 创建一个新的HTML元素。
- 根据鼠标位置获取元素:`document.elementFromPoint(event.x,event.y)` 返回鼠标所在位置的元素。
- 窗体图片:`document.images[索引]` 可以访问页面上的图像元素。
- 窗体事件绑定:`document.onmousedown=scrollwindow;` 将滚动窗口的功能绑定到鼠标点击事件上。
- 元素集合:`document.窗体.elements[索引]` 访问表单元素。
- 对象解绑事件:`document.all.xxx.detachEvent('onclick',a);` 从对象上移除事件监听器。
- 插件数目:`navigator.plugins` 返回浏览器中的插件列表。
- 变量类型检测:`typeof($js_libpath)=="undefined"` 判断变量是否未定义。
- 下拉框操作:通过 `.options[索引]` 和 `.options.length` 可以访问和操作下拉框的选项。
- 查找对象:`document.getElementsByName("r1")` 和 `document.getElementById(id)` 分别通过名称和ID查找元素。
- 定时器:`timer=setInterval('scrollwindow()',delay);` 定义一个定时任务,`clearInterval` 用于清除定时器。
这些技巧都是JavaScript开发中非常实用的工具,可以帮助开发者更高效地进行网页和应用的开发。通过熟练掌握这些技巧,可以提高代码质量,减少错误,并增强用户体验。
2009-07-23 上传
2008-06-19 上传
2010-12-29 上传
2023-09-01 上传
2023-05-31 上传
2023-06-13 上传
2024-09-14 上传
2023-11-27 上传
2023-05-21 上传
第三视角777
- 粉丝: 34
- 资源: 51
最新资源
- 磁性吸附笔筒设计创新,行业文档精选
- Java Swing实现的俄罗斯方块游戏代码分享
- 骨折生长的二维与三维模型比较分析
- 水彩花卉与羽毛无缝背景矢量素材
- 设计一种高效的袋料分离装置
- 探索4.20图包.zip的奥秘
- RabbitMQ 3.7.x延时消息交换插件安装与操作指南
- 解决NLTK下载停用词失败的问题
- 多系统平台的并行处理技术研究
- Jekyll项目实战:网页设计作业的入门练习
- discord.js v13按钮分页包实现教程与应用
- SpringBoot与Uniapp结合开发短视频APP实战教程
- Tensorflow学习笔记深度解析:人工智能实践指南
- 无服务器部署管理器:防止错误部署AWS帐户
- 医疗图标矢量素材合集:扁平风格16图标(PNG/EPS/PSD)
- 人工智能基础课程汇报PPT模板下载