JS基础 操作BOM (浏览器对象模型browser object model）语法

弹出层

window.alert('提示文本') 提示框 没有返回值
window.confirm('提示文本') 询问框，返回布尔值
window.pormpt('提示内容') 输入框 返回用户输入的内容，或者返回null
三个弹出层会阻断程序的进程，直到用户操作为止，返回值是string类型

浏览器的历史记录　history成员

window.history.back()历史回退 前提是有历史页面
window.history.forward() 历史前进，前提是经历过历史回退
window.history.go(整数)
正整数：历史前进，0：重新打开当前页面，负整数：历史回退
注意：重新打开当前页面，不能写在打开页面就能执行的地方

浏览器的地址栏操作　location

window．location.href
  读：window.location.href
  获取当前页面地址栏的完整内容，url编码
  写：window.loaction.href='地址'
  设置当前页面的地址栏内容，为了在当前页面跳转
window.location.reload() 
重新加载当前页面，不要写在打开页面就能执行的位置

浏览器的版本信息　navigator

window.navigator.userAgent 浏览器的型号及版本信息
window.navigator.appName 得到标准浏览器：Netscape(网景) IE低版本：浏览器名称
window.navigator.appVersion 得到浏览器的版本
window.navigator.platform 浏览器所在设备的操作系统

浏览器的常见事件

window.onload=function(){...}所有资源加载完毕后执行
window.onresize=function(){...}当浏览器可视窗口宽或高尺寸发生改变时触发
  响应式布局，移动端横竖屏切换
window.onscroll=function(){...} 当页面滚动时触发

浏览器卷去的尺寸

高度：
var scrollTop=document.documentElement.scrollTop || document.body.scrollTop
宽度：
var scrollLeft=document.documentElement.scrollLeft || document.body.scrollLeft

浏览器滚动到（兼容IE低版本）

window.scrollTo(x,y) 瞬间定位到位置
window.scrollTo({top:xx,left:xx,behavior:'smooth'})

浏览器标签页

window.open('地址')新打开标签页，打开地址
window.close() 关闭当前标签页