继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【金秋打卡】第3天+Javascript学习笔记3

Alicias
关注TA
已关注
手记 5
粉丝 3
获赞 0

课程名称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):窗口相对屏幕左上角的位置

方法:http://img2.mukewang.com/635d44f0000120ef05000422.jpg


计时器方法:

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

属性:http://img2.mukewang.com/635d45130001a39304660203.jpg


方法:

  assign():加载新的文档

  reload():重新加载当前文档

  replace():用新的文档替换当前文档



Navigator对象

面向浏览器版本信息、操作系统版本信息的对象

属性:

  appCodeName:浏览器代码名字符串

  appName:浏览器名称

  appVersion:浏览器版本信息

  platform:操作系统版本信息

  userAgent:请求头部中的User-Agent信息


Screen对象

面向用户屏幕信息的对象

  height:屏幕高度(分辨率)

  width:屏幕宽度(分辨率)

  availHeight:窗口可用的屏幕高度(像素)

  availWidth:窗口可用的屏幕宽度(像素)

  colorDepth:浏览器颜色位数


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP