Web开发实用技巧集锦

"web开发常用小技巧.doc" 在Web开发中，掌握一些实用的小技巧能够显著提升工作效率和代码质量。以下是一些关键知识点的详细说明： 1. **事件源对象**：`event.srcElement` 提供了触发事件的元素信息，可以获取到元素的标签名 (`event.srcElement.tagName`) 和类型 (`event.srcElement.type`)，这对于识别和处理不同类型的元素事件非常有用。 2. **捕获与释放事件**：`setCapture()` 和 `releaseCapture()` 方法用于设置事件的捕获模式。当调用 `setCapture()` 时，事件会从根节点向下传递到目标元素；调用 `releaseCapture()` 则停止这种捕获模式。 3. **事件按键信息**：`event.keyCode` 可以获取用户按下键盘时对应的键码，`event.shiftKey`、`event.altKey` 和 `event.ctrlKey` 分别检查Shift、Alt和Ctrl键是否被按下。 4. **事件返回值**：`event.returnValue` 可以用来控制事件是否继续传播或执行默认操作，设置为 `false` 可阻止默认行为。 5. **鼠标位置**：`event.x` 和 `event.y` 提供了鼠标点击时相对于窗口左上角的坐标。 6. **窗体活动元素**：`document.activeElement` 返回当前焦点所在的元素，这对于跟踪用户交互非常有帮助。 7. **绑定事件**：`document.captureEvents(Event.KEYDOWN)` 可用于捕获指定类型的事件，如键盘按下事件。 8. **访问窗体元素**：`document.all("txt")` 可以获取ID为"txt"的元素，并通过 `focus()` 和 `select()` 方法使其获取焦点或全选其内容。 9. **窗体命令**：`document.execCommand` 是一个通用方法，可以执行某些特定的文档操作，如剪切、复制、粘贴等。 10. **窗体COOKIE**：`document.cookie` 允许读写浏览器的Cookie，这是存储客户端数据的一种常见方式。 11. **菜单事件**：`document.oncontextmenu` 用于监听右键点击事件，可自定义右键菜单。 12. **创建元素**：`document.createElement("SPAN")` 可创建新的HTML元素，如在此例中创建了一个 `<span>` 元素。 13. **根据鼠标位置获取元素**：`document.elementFromPoint(event.x,event.y)` 可以返回指定坐标处的元素，再判断元素类型，如 `tagName=="TD"` 检查是否为表格单元格。 14. **窗体图片**：`document.images[索引]` 可以访问页面中指定索引的图像元素。 15. **窗体事件绑定**：`document.onmousedown=scrollwindow;` 将 `scrollwindow` 函数绑定到窗口的鼠标按下事件。 16. **元素和对象事件绑定**：`document.窗体.elements[索引]` 访问表单元素，`detachEvent` 用于IE浏览器中解除事件绑定，例如 `document.all.xxx.detachEvent('onclick',a);` 解除对元素 'xxx' 的点击事件绑定。 17. **插件数目**：`navigator.plugins` 属性提供了浏览器安装的插件信息，可以获取插件数量。 18. **取变量类型**：`typeof($js_libpath)=="undefined"` 检查变量 `$js_libpath` 是否未定义。 19. **下拉框操作**：下拉框 (`select` 元素) 的 `options` 属性提供对选项的访问，可以通过索引 `options[索引]` 获取或修改选项，`options.length` 给出选项的总数。 20. **查找对象**：`document.getElementsByName("r1")` 和 `document.getElementById(id)` 分别用于按名称和ID查找页面上的元素。 21. **定时器**：`timer=setInterval('scroll',100)` 定义了一个定时器，每100毫秒执行一次 `scroll` 函数，实现定时执行任务。 以上是Web开发中的一些基础和实用技巧，理解并熟练运用这些技术将有助于编写更高效、响应更快的网页应用。