今天学习了DOM，做了以下一些基础练习……
DOM是Document Object Model文档对象模型的缩写；使用JavaScript操作DOM进行DHTML开发。
学习目标：能够使用JavaScript操作Dom实现常见的DHTML效果。
参考书：张孝祥《JavaScript网页开发——体验式学习教程》
一、DOM的入门：
1、DOM就是HTML页面的模型，将每个标签都做为一个对象，JavaScript通过调用DOM中的属性、方法就可以对网页中的文本框、层等元素进行编
程控制。比如通过操作文本框的DOM对象，就可以读取文本框中的值、设置文本框中的值。
2、DOM也像WinForm一样，通过事件、属性、方法进行编程。
3、CSS+JavaScript+DOM=DHTML（即动态 HTML，是HTML语言的扩展。它可以增加文档与对象的演示文稿效果。）
二、事件：
1、事件：<body onmousedown="alert('哈哈')">当点击鼠标的时候执行onmousedown中的代码。有时间事件响应的代码太多，就放到单独的函
数中：
[url=http://www.sina.com.cn]2、window.event是非常重要的属性，用来获得发生事件时的信息，事件不局限于window对象的事件，所有元素的事件都可以通过event属性取到相关信息。
1) altKey属性，boot类型，表示发生事件时alt键是否被按下，类似的还有ctrlKey、shiftKey属性，例子<input type="button" value="点击" onclick="if(event.altKey)
{alert('Alt点击')}else{alert('普通点击')}"/>;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<input type="button" value="href" onclick="alert(location.href)" />
<input type="button" value="重定向" onclick="location.href='HTMLPage1.htm'" />
<input type="button" value="点击" onclick="if(window.event.ctrlKey){alert('按下了Ctrl')}else{alert('普通点击')}" />
<a href="http://www.baidu.com" onclick="alert('禁止访问！');window.event.returnValue=false;">百毒</a>
<form action="jing.aspx">
<input type="submit" value="提交" onclick="alert('数据有问题!');window.event.returnValue=false;" />
</form>
</body>
</html>
2) clientX、clientY 发生事件时鼠标在客户区的坐标；screenX、screenY发生事件时鼠标在屏幕上的坐标；offsetX、offsetY发生事件时鼠标相对于事件源（比如点击按钮时触发onclick）的坐标。
3）returnValue属性，如果将returnValue设置为false，就会取消默认事件的处理。
4）srcElement:获得事件源对象
5）KeyCode：发生时间时的按键值
6）button：发生时间时鼠标的按键，1为左键，2为右键，3为左右键同时按。<body onmousedown="if(event.button==2){alert('禁止复制')}">
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
