JavaScript实战:代码示例与属性详解

需积分: 9 1 下载量 168 浏览量 更新于2024-11-03 收藏 93KB TXT 举报
"这是一份关于JavaScript编程的实用代码大全,涵盖了各种属性和事件处理,提供了丰富的代码示例,旨在帮助开发者更好地理解和运用JavaScript。" 在JavaScript中,`event`对象是一个非常重要的概念,它包含了与事件相关的各种信息。例如,`event.srcElement`指的是事件发生的具体元素,你可以获取它的`tagName`来确定元素类型,或者获取`type`属性来得知触发的是哪种类型的事件(如点击、键盘输入等)。`setCapture()`和`releaseCapture()`方法用于捕获和释放事件,确保事件处理的正确顺序。 对于键盘事件,`event.keyCode`用于获取按下键盘时对应的键码,而`event.shiftKey`、`event.altKey`和`event.ctrlKey`分别检查是否伴随了Shift、Alt或Ctrl键。`event.returnValue`可以用来控制事件默认行为是否执行,比如阻止链接跳转或表单提交。 坐标相关属性如`event.x`和`event.y`可以提供鼠标点击或移动时的屏幕位置。`document.activeElement`则返回当前获取焦点的元素。`document.captureEvents(Event.KEYDOWN)`用于注册全局键盘事件监听。 为了操作DOM,`document.createElement("SPAN")`创建一个新的SPAN元素,`document.all("txt").focus()`使id为"txt"的元素获得焦点,`document.all("txt").select()`选中该元素内容。`document.execCommand`可以执行一些内置的浏览器命令,比如复制、剪切和粘贴。 `document.cookie`用于管理浏览器的cookies,存储和读取用户信息。`document.oncontextmenu`可以定义右键菜单的行为。`document.createElement`和`appendChild`组合使用可以动态添加新的DOM元素。`document.elementFromPoint(event.x,event.y)`可以获取鼠标位置下对应的元素,常用于实现交互功能。 数组访问如`document.images[]`用于操作页面中的图像数组,`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(timer)`用于周期性执行某段代码,`UNCODE`和`escape()`, `unescape()`用于编码和解码字符串。`obj.parentElement(dhtml)`和`obj.parentNode(dom)`获取父元素,`TableID.moveRow(2,1)`则是表格行的移动操作。最后,`do...while`循环结构也是JavaScript中的基础控制流语句,用于执行至少一次的循环条件检查。