JavaScript事件与DOM操作实用指南

"javascript 大全" 本文将详细探讨JavaScript这一编程语言的核心概念、事件处理、DOM操作、字符串处理以及样式调整等多个方面。JavaScript是Web开发中的关键语言，它赋予网页动态交互的能力，使得用户界面更加生动和友好。 1. 事件处理： - `event.srcElement`：在事件处理函数中，`event.srcElement`指的是触发该事件的元素，等同于IE浏览器中的`event.target`。 - `event.keyCode`：记录用户按键的ASCII码，可用于识别键盘上的特定键。 - `event.shiftKey`, `event.altKey`, `event.ctrlKey`：分别检测Shift、Alt和Ctrl键是否被按下。 - `document.activeElement`：获取当前获得焦点的元素。 - `document.captureEvents(Event.KEYDOWN)`：捕获指定类型的事件，如键盘按下事件。 - `detachEvent`：在IE浏览器中，用于取消元素的事件监听器，例如`document.all.xxx.detachEvent('onclick',a);`。 2. DOM操作： - `document.createElement("SPAN")`：创建一个新的HTML元素，这里是`<span>`。 - `document.all("txt").focus();`：使指定ID的元素获取焦点。 - `document.all("txt").select();`：选中文本框内的所有文本。 - `document.elementFromPoint(event.x,event.y)`：返回指定坐标处的元素，可以用于响应鼠标事件。 - `appendChild`：将一个节点添加到另一个节点的子节点列表末尾。 - `document.getElementsByName("r1")`：获取具有指定名称的所有元素。 - `getElementById(id)`：根据ID获取元素，是JavaScript中最常用的DOM查找方法。 3. 时间间隔与定时任务： - `setInterval`：设置定时执行的函数，例如`timer=setInterval('scrollwindow()',delay);`每隔`delay`毫秒调用`scrollwindow`函数。 - `clearInterval`：清除由`setInterval`设置的定时器，如`clearInterval(timer);`。 4. 条件判断与正则表达式： - `typeof($js_libpath)=="undefined"`：检查变量`$js_libpath`是否未定义。 - `/[^\x00-\xff]/` 和 `[\u4e00-\u9fa5]`：分别匹配非双字节字符（非汉字）和汉字的正则表达式。 5. CSS和HTML特性： - `style.display="inline"`：设置元素的显示方式为行内元素。 - `word-break:break-all` 和 `word-wrap:break-word;`：处理文本换行和溢出，确保文字不会超出容器边界。 - `<a>` 和 `<ahref="#first">anchors</a>`：HTML中的超链接标签，链接到页面内部的`id="first"`元素。 - `contenteditable`：使元素可编辑，如`obj.contenteditable=true`，开启元素的编辑模式。 6. IFRAME的使用： - `<IFRAME src="1.ht">`：在HTML中嵌入一个外部文档，如`1.ht`。 JavaScript的全面掌握需要不断地实践和学习，以上只涵盖了部分基础知识，实际开发中还有更多高级特性和框架如jQuery、React、Vue等需要了解和掌握。