首页 > 其他 > 详细

前端基础之BOM和DOM

时间:2021-01-14 22:18:45      阅读:25      评论:0      收藏:0      [点我收藏+]

JavaScript分为 ECMAScript,DOM,BOM。

  BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”。

  DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素。

BOM

  window对象

//所有浏览器都支持 window 对象。它表示浏览器窗口。

//一些常用的Window方法:(在浏览器调试器的console里面输入下面这些属性或者方法,就能看到对应的效果)
//获取浏览器当前高度
window.innerHeight
//获取浏览器当前宽度
window.innerWidth
//打开一个新的浏览器窗口
window.open()
window.open("http://cd.paat.com/zentao/my-task-finishedBy.html")//打开一个新的网页链接为http://cd.paat.com/zentao/my-task-finishedBy.html
//关闭当前窗口
window.close()

 

技术分享图片

 

 

window的子对象 

  navigator对象:查询浏览器的一些信息

//web浏览器全称
navigator.appName
//web浏览器厂商和版本的详细信息
navigator.appVersion
//客户端绝大部分信息
navigator.userAgent
//浏览器运行所在的操作系统
navigator.platform

技术分享图片

 

 

  screen对象:屏幕对象

//screen屏幕对象
//查看屏幕可用高度
screen.availHeight
//查看屏幕可用宽度
screen.availWidth

技术分享图片

 

 

  history对象:用于页面跳转

  window.history 对象包含浏览器的历史。

  浏览历史对象,包含了用户对当前页面的浏览历史,但我们无法查看具体的地址,可以简单的用来前进或后退一个页面。

//history用于页面跳转

//返回上一页
history.back()
//前进一页
history.forward()

 

前端基础之BOM和DOM

原文:https://www.cnblogs.com/zhuxibo/p/14279253.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!