这是阿锃总结黑马程序员的第八节的内容，主要是对于JavaScript的相关知识和操作，总结到这里，希望可以帮助到大家，若是大家也想要跟随黑马程序员学习JAVA WEB可以打开我的主页查找第一节的文章，里面有黑马程序员的视频链接。

上才艺：

# 今日内容1. JavaScript1. ECMAScript：2. BOM3. DOM1. 事件## DOM简单学习* 控制html文档的内容* 代码：获取页面标签（元素）对象Element* document.getElementByid（id值）通过元素id值获取元素素对象* 操作Element对象：1. 修改属性值*. var a.src = ???2. 修改标签体内容* var 变量名 = document.getElementById（"变量名"）；变量名.innerHTML = "XXX" ## 事件简单学习* 功能：某些组件备注执行了，出发某些代码执行* 如何绑定事件1. 直接在html标签上，指定时间的属性，属性值就是JS代码。1. onclick：单击事件2. 通过JS获取元素对象，指定时间属性，设置一个函数。 ## BOM1. 概念：浏览器对象模型* 将浏览器的各个组成部分封装成对象。2. 组成* window：窗口对象 1. 创建：不需要创建2. 方法：1. 与弹出框有关的方法：* alert（）：显示带有一段信息和确定按钮的警告框* confrim（）：显示一段信息以及确定、取消按钮* 如果点击确定，方法返回true* 如果点击取消，方法返回false* prompt（）：显示可以提示用户输入的对话框* 返回值：获取用户输入的值2. 与打开、关闭有关的方法* close（）：关闭浏览器窗口* 谁调用我，我关谁* open（）：打开一个新的浏览器* 返回新的window对象3. 与定时器有关的方式setTimeout（）：在指定的毫秒数后调用函数或计算表达式* 参数：1. js代码或者方法对象2. 毫秒值* 返回值：唯一标识，用于取消定时器clearTimeout（）：取消由serTimeout（）方法设置的timeoutsetInterval（）：按照指定的周期（以毫秒计算）来调用函数或计算表达式clearInterval（）：取消由setInterval（）设置timeout3. 属性1. 获取其他BOM对象historylocation	NavigatorScreen2. 获取DOM对象document4. 特点：* Window对象不需要创建，可以直接使用。可window.方法名（）、可方法名（）。* Navigator：浏览器对象* Screen：显示器屏幕对象* History：历史记录对象1. 创建（获取）1. window.history2. history2. 方法* back（）：加载history列表的前一个URL* forward（）：加载history列表的下一个URL* go（参数）：加载history列表的某个具体页面* 参数* 正数：前进几个历史记录* 负数：后退几个历史记录3. 属性* length：返回当前窗口历史列表的URL数量* Location：地址栏对象1. 创建（获取）1. window.location2. location2. 方法* reload（）：重新加载当前文件。刷新3. 属性* href：设置或返回完整的URL。## DOM* 概念：文档对象模型* 将标记语言文档的各个组成部分，封装为对象。可以使用这些对象，对标记语言文档进行CRUD的动态操作* W3C DOM 标准被分为 3 个不同的部分* 核心 DOM 针对任何结构化文档的标准模型* Document：文档元素* Element：元素对象* Attribute：属性元素* Text：文本对象* Comment：注释对象* Node：节点对象，其他五个的父对象* XML DOM：针对XML文档的标准模型* HTML DOM：针对HTML文档的标准模型* 核心 DOM 模型* Document：文档元素1. 创建（获取）：在html dom模型中可以使用window对象来获取1. window.document2. document2. 方法1. 获取Element对象：1. getElementById（）：根据id属性获取元素对象，id属性一般唯一2. getElementByTagName（）：根据元素名称获取元素对象们，返回值时一个数组3. getElementByClassName（）：根据Class属性值获取元素对象们，返回值时一个数组4. getElementByName（）：根据name属性值获取元素对象们，返回值是一个数组2. 创建其他DOM对象creatAttribute（name）createComment()createElement（）createTextNode（）3. 属性* Element：元素对象1. 创建（获取）通过document来获取和创建2. 方法1. removeAttribute（）：删除属性2. setAttribute（）：设置属性* Node：节点对象，其他五个的父对象* 特点 所有dom对象都可以被认为的一个节点* 方法：* CRUD dom树：* appendChild（）：向节点的子节点例表的结尾添加新的子节点* removeChild（）：删除（并返回）当前节点的指定子节点* replaceChild（）：用新节点替换一个子节点* 属性* parentNode：返回节点的子节点* HTML DOM1. 标签体的设置和获取：innerHTML2. 使用html元素对象的属性3. 控制样式1. 使用元素的style属性来设置2. 提前定义好类选择器的样式，通过元素的className属性来设置class属性值。## 事件* 概念：某些组件被执行了某些操作后，出发某些代码的执行* 事件：某些操作* 事件源：组件（按钮、文本框）* 监听器：代码* 注册监听：将事件，事件源，监听器结合在一起。当事件源上发生了某个事件，则触发执行某个监听器代码。* 常见的事件1. 点击事件1. onclick：单击事件2. ondbclick：双击事件2. 焦点事件1. onblur：失去焦点2. onfocus：元素获得焦点3. 加载事件：1. onload：一张页面或一副图像完成加载4. 鼠标事件1. onmousedown：鼠标按钮被按下2. onmouseup：鼠标按钮被松开3. onmousmove：鼠标移动4. onmouseout：鼠标从某元素移开5. onmouseover：鼠标移到某元素之上

    如果大家有问题或对于笔记有问题，可以私信或是在评论区留言我，我一定会及时回复。由于我最近的一些事情，给大家更新的比较慢，最后希望学习前端的小伙伴们，可以拿去学习！我们一同进步