【金秋打卡】第3天+Javascript学习笔记3
2022/10/31 4:25:01
本文主要是介绍【金秋打卡】第3天+Javascript学习笔记3,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
课程名称:Javascript进阶篇
章节名称:全篇
讲师姓名:慕课官方号
课程内容:本篇详细阐释了JS中DOM与BOM的操作原理
学习心得:
总述:
DOM是面向HTML文档的,是将其视为具有内容、属性、样式的元素节点树而进行相应操作的
而BOM则是面向浏览器的,是将浏览器窗口视为对象而进行相应操作的,其核心是window对象
window是BOM中的顶层对象,是其他BOM对象的顶层
属性:
closed:窗口是否关闭
defaultStatus:操作窗口状态栏中的文本
innerheight:窗口文档显示区的高度
innerweight:窗口文档显示区的宽度
outerheight:窗口的外部高度
outerweight:窗口的外部宽度
length:窗口中的框架数量
name:操作窗口名称
opener:窗口引用
pageXOffset:操作窗口相对左上角的X位置
pageYOffset:操作窗口相对左上角的Y位置
parent:父窗口对象
self:当前窗口对象(即window对象)
status:设置窗口状态栏文本
top:最顶层的先辈窗口对象
screenLeft(screenX)/screenTop(screenY):窗口相对屏幕左上角的位置
方法:
计时器方法:
1.设置定时任务:
setInterval(func, sep)
setInterval(“func()”, sep)
// func是周期性执行的函数,sep是时间间隔(毫秒)
// setInterval()返回一个Id值,该值可以作为参数传给clearInterval()以取消定时任务
2.取消定时任务:
clearInterval(Id)
// 根据Id值取消相应的定时任务
3.设置延时任务(仅执行一次)
setTimeout(func, sep)
setTimeout(“func()”, sep)
// func是要延时执行的函数,sep是时间间隔(毫秒)
// setTimeout()返回一个Id值,该值可以作为参数传给clearTimeout()以取消定时任务
4.取消延时任务:
clearTimeout(Id)
// 根据Id值取消相应的延时任务
History对象
记录浏览历史页面的URL列表
属性:
history.length:URL列表中的页面数
方法:
back():前一个页面的URL<==>浏览器“回退”功能<==>go(-1)
forward():后一个页面的URL<==>浏览器“前进”功能<==>go(1)
go(num):跳向指定的URL
Location对象
操作、解析窗体的URL
属性:
方法:
assign():加载新的文档
reload():重新加载当前文档
replace():用新的文档替换当前文档
Navigator对象
面向浏览器版本信息、操作系统版本信息的对象
属性:
appCodeName:浏览器代码名字符串
appName:浏览器名称
appVersion:浏览器版本信息
platform:操作系统版本信息
userAgent:请求头部中的User-Agent信息
Screen对象
面向用户屏幕信息的对象
height:屏幕高度(分辨率)
width:屏幕宽度(分辨率)
availHeight:窗口可用的屏幕高度(像素)
availWidth:窗口可用的屏幕宽度(像素)
colorDepth:浏览器颜色位数
这篇关于【金秋打卡】第3天+Javascript学习笔记3的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-06-26结对编程到底难不难?答案在这里
- 2024-06-19《2023版Java工程师》课程升级公告
- 2024-06-15matplotlib作图不显示3D图,怎么办?
- 2024-06-1503-Loki 日志监控
- 2024-06-1504-让LLM理解知识 -Prompt
- 2024-06-05做软件测试需要懂代码吗?
- 2024-06-0514-ShardingSphere的分布式主键实现
- 2024-06-03为什么以及如何要进行架构设计权衡?
- 2024-05-31全网首发第二弹!软考2024年5月《软件设计师》真题+解析+答案!(11-20题)
- 2024-05-31全网首发!软考2024年5月《软件设计师》真题+解析+答案!(21-30题)