关于JS高级记忆加深点

)

DOM对象

关于DOM对象不知道你们是否和我一样很容易和BOM对象记混 所以这里拉出来讲一讲

DOM简单概念

就是通过JS对页面节点内容进行操作 这个很好理解

1.整个文档是一个文档节点
2.每个HTML标签是一个元素节点
3.包含在HTML元素中的文本是文本节点
4.每一个HTML属于是一个是属性节点
5.注释属于注释节点

如何访问节点

使用grtElement进行访问

根据层次关系访问节点

节点相关属性

操作节点

包含增删改查

BOM对象

BOM它是对整个 浏览器 进行各种操作 包含的对象包括window对象、document对象、location对象、screen对象、history对象

document对象上面也讲了 获取操作节点

window对象

使用格式widow.方法名（）；

1. prompt提示用户输入信息的对话框
2. alert显示带有一个提示信息和确定按钮的警示对话框
3. confirm显示一个带有提示信息 确认和取消的对话框
4. close关闭浏览器
5. open打开一个新的窗口，加载给定的文档 window.open（“弹出窗口的URL链接”，“窗口名称”，“窗口特征”） 窗口特征可设置高度宽度 需要设置全屏时用

这是一些常用的内容

history和location对象

把这两个放在一起没有别的意思就是单纯想放在一起 QAQ

history

history 作用在于显示历史信息

1. back加载列表中的前一个URL（后退）
2. forward加载对象列表中的后一个URL（前进）
3. go加载列表中具体哪一个对象（加载前面的页面就输入小于0的数值 加载后面的页面就输入大于0的值 当前页面等于0）

location

location页面当前URL

1. host 设置或返回主机名和当前URL的端口号
2. hostname 设置或返回当前URL的主机名
3. href 设置返回完整的URL

screen

对象表示正在运行浏览器的设备的屏幕 可以使用它来获取有关屏幕大小和颜色深度的信息

// 获取屏幕的宽度
const screenWidth = window.screen.width;

//获取屏幕的高度
const screenHeight = window.screen.height;

// 获取屏幕的颜色升读
const screenColorDepth = window.screen.colorDepth;

//获取屏幕的像素深度
const screenPixelDepth = window.screen.pixelDepth;

width和height属性以像素为单位返回屏幕的宽度和高度，而colorDepth和pixelDepth属性分别返回屏幕的颜色深度和像素深度。

时间函数Date

Date 用于操作日期时间
使用此方法需要先创建一个实列来存储
var today = new Date（参数）没有参数输出当前时间
参数值 一般为 MM ,DD ,YYYY,hh:mm:ss, 表示日期与时间

• getDate（） 返回一个月中的某一天 其值为1~31
• getDay（） 返回一个星期中的某一天 0~6
• getHours（） 返回date对象的小时数 0~23
• getMinutes（） 返回Date对象的分钟数 0~59
• getSeconds（） 返回Date对象的秒数 0~59
• getMonth（） 返回月份 0~11
• getFullYear（） 返回年份 0000~9999
• getTime 返回自某一刻（1970年1月1日）以来的毫秒数

定时函数

定时函数也就是定时器

总结

BOM作用于页面 DOM作用于子节点 一个全局 一个深入 记住！记住！记住！