Web开发JS代码汇总与示例

"该文档是针对Web开发中的JavaScript常用代码的综合整理，包含了各种实用的JavaScript函数、事件处理和DOM操作。文档通过示例代码帮助开发者理解和应用这些功能，覆盖了事件源对象、事件捕获与释放、键盘事件、鼠标位置、活动元素绑定、窗体操作、元素创建、菜单事件、DOM元素访问以及定时器等功能。" 在Web开发中，JavaScript扮演着至关重要的角色。这份"常用js大全"文档详细列举了许多常用的JavaScript函数和技巧，帮助开发者提升工作效率。以下是一些关键知识点的详解： 1. 事件源对象：`event.srcElement` 提供了触发事件的元素，你可以通过 `.tagName` 和 `.type` 属性获取元素的标签名和类型。 2. 事件捕获与释放：`event.srcElement.setCapture()` 用于开启事件捕获，使得事件处理程序先于其他同级节点执行；`event.srcElement.releaseCapture()` 可关闭事件捕获，恢复正常的事件冒泡。 3. 事件按键：`event.keyCode` 返回用户按下键盘上的键对应的编码，`event.shiftKey`、`event.altKey` 和 `event.ctrlKey` 分别检查Shift、Alt和Ctrl键是否被按下。 4. 事件返回值：`event.returnValue` 可以用来阻止或确认默认的事件行为，如链接的跳转或表单的提交。 5. 鼠标位置：`event.x` 和 `event.y` 提供了鼠标点击时相对于当前元素的坐标。 6. 窗体活动元素：`document.activeElement` 返回当前获取焦点的元素。 7. 绑定事件：`document.captureEvents(Event.KEYDOWN)` 用于捕获指定类型的键盘事件，而 `document.all("txt").focus();` 和 `document.all("txt").select();` 分别使指定元素获取焦点和选中其内容。 8. 访问窗体元素：`document.all` 是IE特有的一种访问元素的方式，而 `document.getElementById(id)` 是标准的DOM方法，两者都能获取指定ID的元素。 9. 窗体命令：`document.execCommand` 可以执行浏览器提供的某些内置命令，如复制、粘贴等。 10. 窗体COOKIE：`document.cookie` 用于设置或读取页面的Cookie。 11. 菜单事件：`document.oncontextmenu` 可以监听右键菜单事件，实现自定义右键菜单。 12. 创建元素：`document.createElement("SPAN")` 用于创建新的HTML元素。 13. 根据鼠标位置获取元素：`document.elementFromPoint(event.x,event.y)` 可以根据鼠标坐标找到当前元素，判断是否为特定元素类型。 14. 窗体图片：`document.images[索引]` 访问页面中的图片数组。 15. 窗体事件绑定：`document.onmousedown=scrollwindow;` 将函数绑定到窗口的鼠标点击事件。 16. 元素：`document.窗体.elements[索引]` 访问表单元素，`document.all.xxx.detachEvent('onclick',a);` 在IE中移除对象的事件处理程序。 17. 插件数目：`navigator.plugins` 提供浏览器安装的插件信息。 18. 取变量类型：`typeof($js_libpath)=="undefined"` 检查变量是否已定义。 19. 下拉框：`下拉框.options[索引]` 和 `下拉框.options.length` 分别用于访问下拉框的选项和计算选项数量。 20. 查找对象：`document.getElementsByName("r1")` 根据名称查找元素，`document.getElementById(id)` 根据ID查找元素。 21. 定时：`timer=setInterval('scrollwindow()',delay);` 设定定时器，每隔一定时间执行指定函数，`clearInterval(timer);` 可取消定时器。 以上这些JavaScript知识点是Web开发中经常遇到的，掌握它们能帮助开发者更好地编写交互式和动态的网页。