前端面试题 Javascript之window对象

如何获取屏幕、viewport、html、document高度与宽度

  1. 屏幕宽度与高度:window.screen.width/height
  2. viewport宽度与高度:document.documentElement.clientWidth/clientHeight
  3. html文档的宽度与高度:document.documentElement.offsetWidth/offsetHeight
  4. document高度 Math.max(document.body.scrollHeight, document.documentElement.scrollHeight)
  5. 滚动距离,window.pageXOffset/pageYOffset
  6. 对应的事件位置 screenX/Y,clientX/Y,pageX/Y(对应1,2,3)

参考:2个viewport的故事

页面可见性(page visibility)API用途

visibilitychange事件监听,视频或音频对用户不可见时,停止播放。

gzdaijie            updated 2018-05-04 01:47:18

results matching ""

    No results matching ""