JavaScript黄金词典:核心技术与实例解析

需积分: 10 5 下载量 70 浏览量 更新于2024-07-31 收藏 273KB DOC 举报
JavaScript,简称JS,是一种广泛应用于Web开发的脚本语言,因其灵活性和动态性而在网页交互设计中占据核心地位。本文档被称为"JS黄金词典",旨在为JavaScript初学者和开发者提供一套全面且深入的知识体系,帮助他们更好地理解和掌握JavaScript的各个方面。 1. **事件源对象**: 在JavaScript中,事件源对象(event.srcElement)是触发特定事件的DOM元素。通过这个属性,开发者可以获取到引发事件的实际元素,并了解其标签名(event.srcElement.tagName)以及类型(event.srcElement.type)。 2. **捕获/释放事件处理**: 事件处理有两种模式:捕获阶段和冒泡阶段。`event.srcElement.setCapture()`用于进入捕获模式,而`event.srcElement.releaseCapture()`则用于恢复默认行为。这种方式允许开发者更精确地控制事件的传播顺序。 3. **事件按键**: `event.keyCode` 属性提供了关于触发事件的键盘键码,比如`event.shiftKey`, `event.altKey`, 和 `event.ctrlKey` 分别表示是否同时按下Shift、Alt或Ctrl键。 4. **事件返回值**: `event.returnValue` 是一个布尔值,用于在事件处理函数中控制事件的默认行为。如果返回`false`,通常会阻止浏览器执行默认动作,如阻止链接跳转或表单提交。 5. **鼠标位置**: `event.x` 和 `event.y` 是鼠标相对于文档的X轴和Y轴坐标,这对于跟踪鼠标的移动和点击位置非常有用。 6. **窗体活动元素**: `document.activeElement` 返回当前处于激活状态的元素,即用户鼠标焦点所在的元素。 7. **事件绑定**: 使用`document.captureEvents(Event.KEYDOWN)` 可以让指定元素捕获特定类型的事件,如键盘按键。`document.all("txt").focus();` 和 `document.all("txt").select();` 分别用于设置焦点和选择文本。 8. **窗体命令**: `document.execCommand` 是一个通用方法,用于执行浏览器提供的各种操作,例如插入图片、创建列表等。 9. **窗体COOKIE**: `document.cookie` 是用来获取和设置浏览器cookies的接口,常用于存储客户端数据。 10. **菜单事件**: `document.oncontextmenu` 用于处理右键菜单事件,允许自定义网页上的上下文菜单。 11. **创建元素**: `document.createElement("SPAN");` 是创建HTML元素的基本方式,创建一个新的`<span>`元素。 12. **根据鼠标位置获取元素**: `document.elementFromPoint(event.x,event.y).tagName=="TD"` 和 `.appendChild()` 用于根据鼠标位置查找元素并执行相应操作。 13. **窗体图片**: `document.images[索引]` 访问数组形式的图片元素,索引是从0开始的。 14. **事件绑定**: `document.onmousedown=scrollwindow;` 用于绑定鼠标按下事件到scrollwindow函数。 15. **元素与对象绑定事件**: `document.all.xxx.detachEvent('onclick',a);` 用于移除事件处理程序。 16. **插件信息**: `navigator.plugins` 提供了关于浏览器已安装插件的信息,对开发者检测浏览器兼容性有帮助。 17. **变量类型检查**: `typeof($js_libpath)=="undefined"` 是判断变量类型的一种方法,确保变量存在或者符合预期类型。 18. **下拉框**: 下拉框选项可以通过`.options[索引]` 和 `.options.length` 进行访问和获取选项数量。 19. **查找元素**: `document.getElementsByName("r1");` 和 `document.getElementById(id);` 分别用于查找具有指定名称或ID的元素。 20. **定时器**: `setInterval('scrollwindow()',delay);` 和 `clearInterval(timer);` 是设置和清除定时器,用于周期性执行函数。 21. **UNICODE**: 虽然文档没有明确提到,但UNICODE可能是指Unicode编码,JavaScript字符串中的多字节字符集编码。 总结,这篇"JS黄金词典"涵盖了JavaScript的基础语法、DOM操作、事件处理、浏览器特性、定时任务等多个核心知识点,对于提升JavaScript编程能力大有裨益。