2020年前端学习入门系列：BOM
【摘要】 前端开发是创建Web页面或app等前端界面实现互联网产品的用户界面交互。考必过为大家整理了2020年前端学习入门系列：BOM，想学习前端的小伙伴可以看过来！2020年前端学习入门系列：BOM。
JavaScript分为 : ECMAScript，DOM，BOM。
BOM(Browser Object Model)是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。
DOM (Document Object Model)是指文档对象模型，通过它，可以访问HTML文档的所有元素。
Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.document.write()可以简写成：document.write()。
BOM
window对象
所有浏览器都支持 window 对象。它表示浏览器窗口。没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象 |
一些常用的Window方法：(在浏览器调试器的console里面输入下面这些属性或者方法，就能看到对应的效果)
window.innerHeight - 浏览器窗口的内部高度
window.innerWidth - 浏览器窗口的内部宽度
window.open() - 打开新窗口
window.close() - 关闭当前窗口 (只能关闭用js的window.open()打开的页面，了解一下就行了)
window的子对象
navigator对象
navigator.appName // Web浏览器全称
navigator.appVersion // Web浏览器厂商和版本的详细字符串
navigator.userAgent // 客户端绝大部分信息
navigator.platform // 浏览器运行所在的操作系统
screen对象
screen.availWidth - 可用的屏幕宽度
screen.availHeight - 可用的屏幕高度
history对象
history.forward() // 前进一页，其实也是window的属性，window.history.forward()
history.back() // 后退一页
弹出框
可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。
alert("你看到了吗?");
confirm("你确定吗?")
prompt("请在下方输入","你的答案")
location对象
location.href 获取URL
location.href="URL" // 跳转到指定页面
实例：location.href='http://www.baidu.com';
location.reload() 重新加载页面,就是刷新一下页面
计时器相关
setTimeout()
var t=setTimeout("JS语句",毫秒) #一段时间之后做某些事 第一个参数js语句多数是写一个函数，不然一般的js语句到这里就直接执行了，先用函数封装一下，返回值t其实就是一个id值(浏览器给你自动分配的)
var t=setTimeout("confirm('你好')",3000);
clearTimeout()
clearTimeout(setTimeout_variable) // 在指定时间之后执行一次相应函数
var timer = setTimeout(function(){alert(123);}, 3000) // 取消setTimeout设置
clearTimeout(timer);
setInterval("JS语句",时间间隔) #每隔一段时间做一些事情 // 每隔一段时间就执行一次相应函数
var timer = setInterval(function(){console.log(123);}, 3000) // 取消setInterval设置
clearInterval(timer);
以上就是2020年前端学习入门系列：BOM的详细内容，希望本篇文章对大家有所帮助。虽然考试已经受到影响，但是考生们不能因此懈怠。我们将根据疫情防控的进展情况，动态更新并通知考试的报名和考试安排，更多资讯关注考必过网站。