JavaScript基础总结–JS核心对象下(四)

继续接上篇JavaScript基础总结–JS核心对象上(三)

DOM简介

1、DOM的全称是Document Object Model,意为文档对象模型,它是W3C国际组织的一套Web

准。

2、定义对 HTML 元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的

(DOM)。

3、在DOM中,window依然是顶级对象,其中包含了history,location,另外还包含了document,即网

页的正文内容。

document对象

在DOM中,当浏览器加载完 HTML 文档后,则会成为 Document 对象,来表示当前网页内容。通过Document对象可以对页面所有元素进行访问。

JavaScript基础总结--JS核心对象下(四)

bgColor属性

bgColor属性可以设置/获取网页的背景色。

Event对象

1、event对象是事件对象,它也是window对象的子对象,event对象必须用于事件处理函数中,否则event对象毫无意义

2、在网页中,发生的事件类型各不相同,比如onclick、onmousemove、onmousedown等事件是属于鼠标事件;onkeydown、onkeyup等是属于键盘事件,对于不同的事件,event对象中封装的信息不同。而在某个元素发生事件后,event中还封装了发生事件的事件源对象

Event对象属性

event对象的主要属性有:

x:发生鼠标事件时,鼠标在网页正文区的横坐标

y:发生鼠标事件时,鼠标在网页正文区的纵坐标

keyCode:发生键盘事件,键盘的按键ascii码值

srcElement:发生事件的事件源对象

offsetX:鼠标指针位置相对于触发事件的事件源的 x 坐标

offsetY:鼠标指针位置相对于触发事件的事件源的 y 坐标

未完待续...

下篇传送阵:JavaScript基础总结–JS样式语法(五)

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

发表评论

gravatar

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen: