js取屏幕宽高！小白求教

Question

JS取屏幕宽高有页面宽高和窗口宽高，这个页面和窗口具体指的什么啊，老是分不清，还有声明DOCTYPE和没声明写法也不一样吗？

Answer 1

window.outerHeight 这个指的是窗口的高度 就是整个浏览器的高度 你可以缩小浏览器窗口试试输出结果

window.innerHeight 这个指的也是窗口的高度 这个指的是上方的工具栏 与 下方按F12出来的调试窗口 之间的页面高度 你可以拉高下方的调试窗口来观察输出结果的变化（并是不是body或者html的高度）

你自己去试试console.log这2个值就知道了

Answer 2

页面高度指你的body高度，窗口高度就是你的浏览器高度，写法是一样的，只不过申明之后浏览器他会按照你申明的格式去解析！