浏览器基础操作浏览器窗口尺寸 innerWidth console.log(window.innerWidth) inn

浏览器窗口尺寸
- innerWidth
  - console.log(window.innerWidth)
- innerHeight
  - console.log(window.innerHeight)
- window可以省略不写
  - console.log(innerWidth)
  - console.log(innerHeight)
浏览器的弹出层
- alert()警告框
  - window.alert('提示文本')
  - 返回值：undefined
- confirm（）选择框
  - window.confirm('提示文本')
  - 返回值：布尔值
    - 当用户点击确定时，是turn
    - 当用户点击取消时，是false
- prompt()输入框
  - window.prompt('提示文本')
  - 返回值：当用户点击确定时是文本框内容
  - 当用户点击取消是null
- 共同点：会阻断程序的继续执行，因为js是单线程，不点击不会执行后面的代码。
浏览器的地址栏
- http 传输协议，前后端交互的方式。www.qianfeng.com 域名，找到一台服务器电脑。？a=100&b=200 查询字符串，不影响任何东西，打开这个页面的时候携带的信息。#abc 哈希值，描点定位，在window下有一个成员叫做location，location是一个对象，里面存储着和网页地址所有内容相关的信息。hash：当前页面的hash值。href：是一个读写的属性（当前地址蓝地址）。
- search，当前网页中查询字符串（string）
  - console.log(window.location.search)js没有需要手动写
浏览器的历史记录
- 操作浏览器前进后退，window里有一个成员叫做hisrtory的成员，里面操作历史记录的属性和方法
  - back：window.history.back(),回退到上一条历史记录，前提是需要有历史记录
  - forward：winow.history.forward(),历史前进，前提是浏览过的历史
  - go：window.history.go(整数)，表示前进，前进几步，后退几步
浏览器的版本信息 window下的成员,navigator 是个对象，里面存储着浏览器的版本信息
- userAgent 表示浏览器的版本及型号信息
  - console.log(window.navigator.userAgent)
- appName
  - cosole.log()window.navigator.appName
- platform
  - console.log(window.navigator.platform)
浏览器常见的事件
- window.onload = function(){} 页面所有资源加载完毕后执行，作用js前置，当1你需要把js代码写在head标签里面的时候，最好加上一个window.onload
- window.onscroll = function(){} 浏览器滚动条滚动时触发，不管横向还是轴向，只要滚动就触发
- window.onresize = funvtion(){} 浏览器窗口改变时触发，一般结合innerWidth和innerHeight来判断屏幕尺寸，移动端横屏，响应式布局判断窗口大小
浏览器高度与宽度的隐藏
- document.documentElement.scrollTop,使用时必须要有docype标签(scrollFlet)
  - window.onscroll = function(){console.log(docment.documentElemnet.scrollTop)}
- document.body.scrollTop,使用时必须没有boctype标签(scrollFlet)
  - window.onscroll = function(){console.log(document.body.scrollTop)}
- 兼容写法
  - var scrollTop = document.documentElement.scrollTop||document.body.scrollTop
浏览器滚动坐标
- window.scrollTop(横向坐标，纵向坐标)
- window.scrollTop({top:纵向坐标，left：横向坐标})