JavaScript DOM编程：事件处理与DOM对象详解

5星 · 超过95%的资源需积分: 10 72 浏览量更新于2024-10-05 收藏 2KB TXT 举报

本文档主要介绍了JavaScript DOM编程的基础知识，特别是关于事件处理程序的方式和DOM对象的操作。首先，事件处理程序方式有三种方法：1）在HTML标签上添加事件属性，如通过`oncontextmenu`属性阻止用户右键菜单的显示，通过`hideContextmenu()`函数实现；2）在JavaScript代码中直接为元素对象设置事件属性，同样以`oncontextmenu`为例；3）使用`<script>`标签的`for`属性指定事件源和`event`属性指定事件名。其次，DOM对象（Document Object Model）是JavaScript与HTML交互的核心。文档对象`document`包含了与`<body>`标签相关的属性，如颜色属性、字符集、Cookie管理等。`body`对象提供了如`appendChild`方法用于添加子元素，而`form`对象的`submit`方法和`item`方法展示了表单操作的细节。`<script>`标签的属性如`defer`和`language`或`type`影响了脚本的加载和执行顺序。文档还提到了`document`对象中的子数组，如`forms`、`anchors`等，以及它们各自的作用。同时，详细解释了如何通过`cookie`属性来管理和读取Cookie信息，包括设置和获取Cookie的格式。通过学习这些内容，开发者能够更好地理解和应用JavaScript来操作DOM，实现网页动态交互，比如响应用户的操作、管理文档结构、处理表单提交等。这对于前端开发人员来说是至关重要的技能，尤其是在构建现代Web应用时。

一、事件处理程序方式
1.在对应的Html标签上增加一个要处理的事件属性
如：禁止在页面中使用单击鼠标右键弹出快捷菜单
<head>
<script type="text/javascript">
function hideContextmenu(){
return false;
}
</script>
</head>
<body oncontextmenu="return hideContextmenu()">
</body>

2.直接在JavaScript代码中设置元素对象的事件属性
<script type="text/javascript">
document.oncontextmenu = hideContextmenu;
function hideContextmenu(){
return false;
}
</script>

3.在<script>标签对中用for属性指定事件源和用event属性指定事件名
<script type="text/javascript" for="document" event="oncontextmenu">
return true; //或者 window.event.returnValue=false;
</script>

二、DOM对象(参考w3school手册HTML_DOM部分与DHTML参考手册)
1.document
・与<body>标签相关的属性：
alinkColor

下载后可阅读完整内容，剩余2页未读，立即下载

samlee

粉丝: 1
资源: 21

JavaScript DOM编程：事件处理与DOM对象详解

JavaScript_DOM编程艺术第二版（中文）

JavaScript_DOM编程艺术

W3Cfuns_JavaScript_DOM编程艺术

Javascript_DOM编程艺术翻译版

Javascript_DOM编程艺术研究.doc

Javascript_DOM编程艺术中文部分翻译版

JavaScript_DOM编程艺术(第2版)

JavaScript_DOM编程艺术第二版高清（中文）

JavaScript_DOM编程艺术第二版（中文）.pdf

JavaScript_DOM_编程艺术读书笔记

最新资源