关于JS高级记忆加深点之DOM&BOM
)
DOM对象
关于DOM对象不知道你们是否和我一样很容易和BOM对象记混 所以这里拉出来讲一讲
DOM简单概念
就是通过JS对页面节点内容进行操作 这个很好理解
1.整个文档是一个文档节点
2.每个HTML标签是一个元素节点
3.包含在HTML元素中的文本是文本节点
4.每一个HTML属于是一个是属性节点
5.注释属于注释节点
如何访问节点
使用grtElement进行访问
根据层次关系访问节点
节点相关属性
操作节点
包含增删改查
BOM对象
BOM它是对整个 浏览器
进行各种操作 包含的对象包括window对象、document对象、location对象、screen对象、history对象
document对象上面也讲了 获取操作节点
window对象
使用格式widow.方法名();
- prompt提示用户输入信息的对话框
- alert显示带有一个提示信息和确定按钮的警示对话框
- confirm显示一个带有提示信息 确认和取消的对话框
- close关闭浏览器
- open打开一个新的窗口,加载给定的文档 window.open(“弹出窗口的URL链接”,“窗口名称”,“窗口特征”) 窗口特征可设置高度宽度 需要设置全屏时用
这是一些常用的内容
history和location对象
把这两个放在一起没有别的意思就是单纯想放在一起 QAQ
history
history 作用在于显示历史信息
- back加载列表中的前一个URL(后退)
- forward加载对象列表中的后一个URL(前进)
- go加载列表中具体哪一个对象(加载前面的页面就输入小于0的数值 加载后面的页面就输入大于0的值 当前页面等于0)
location
location页面当前URL
- host 设置或返回主机名和当前URL的端口号
- hostname 设置或返回当前URL的主机名
- 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作用于子节点 一个全局 一个深入 记住!记住!记住!