<p>출처 :&nbsp;<a href="https://stackoverflow.com/questions/3333329/javascript-get-browser-height">https://stackoverflow.com/questions/3333329/javascript-get-browser-height</a></p><p>생각보다 잘 뜨는 것 같다.</p><p><br></p><p><br></p><p><br></p><div style="color: rgb(212, 212, 212); background-color: rgb(30, 30, 30); font-family: Consolas, &quot;Courier New&quot;, monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div><span style="color: #6a9955;">//&nbsp;https://stackoverflow.com/questions/3333329/javascript-get-browser-height</span></div><div><span style="color: #569cd6;">function</span>&nbsp;<span style="color: #dcdcaa;">alertSize</span>()&nbsp;{</div><div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">var</span>&nbsp;<span style="color: #9cdcfe;">myWidth</span>&nbsp;=&nbsp;<span style="color: #b5cea8;">0</span>,&nbsp;<span style="color: #9cdcfe;">myHeight</span>&nbsp;=&nbsp;<span style="color: #b5cea8;">0</span>;</div><div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">if</span>&nbsp;(<span style="color: #569cd6;">typeof</span>&nbsp;(<span style="color: #9cdcfe;">window</span>.<span style="color: #9cdcfe;">innerWidth</span>)&nbsp;==&nbsp;<span style="color: #ce9178;">'number'</span>)&nbsp;{</div><div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//Non-IE</span></div><div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">myWidth</span>&nbsp;=&nbsp;<span style="color: #9cdcfe;">window</span>.<span style="color: #9cdcfe;">innerWidth</span>;</div><div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">myHeight</span>&nbsp;=&nbsp;<span style="color: #9cdcfe;">window</span>.<span style="color: #9cdcfe;">innerHeight</span>;</div><div>&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color: #c586c0;">else</span>&nbsp;<span style="color: #c586c0;">if</span>&nbsp;(<span style="color: #9cdcfe;">document</span>.<span style="color: #9cdcfe;">documentElement</span>&nbsp;&amp;&amp;&nbsp;(<span style="color: #9cdcfe;">document</span>.<span style="color: #9cdcfe;">documentElement</span>.<span style="color: #9cdcfe;">clientWidth</span>&nbsp;||&nbsp;<span style="color: #9cdcfe;">document</span>.<span style="color: #9cdcfe;">documentElement</span>.<span style="color: #9cdcfe;">clientHeight</span>))&nbsp;{</div><div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//IE&nbsp;6+&nbsp;in&nbsp;'standards&nbsp;compliant&nbsp;mode'</span></div><div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">myWidth</span>&nbsp;=&nbsp;<span style="color: #9cdcfe;">document</span>.<span style="color: #9cdcfe;">documentElement</span>.<span style="color: #9cdcfe;">clientWidth</span>;</div><div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">myHeight</span>&nbsp;=&nbsp;<span style="color: #9cdcfe;">document</span>.<span style="color: #9cdcfe;">documentElement</span>.<span style="color: #9cdcfe;">clientHeight</span>;</div><div>&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color: #c586c0;">else</span>&nbsp;<span style="color: #c586c0;">if</span>&nbsp;(<span style="color: #9cdcfe;">document</span>.<span style="color: #9cdcfe;">body</span>&nbsp;&amp;&amp;&nbsp;(<span style="color: #9cdcfe;">document</span>.<span style="color: #9cdcfe;">body</span>.<span style="color: #9cdcfe;">clientWidth</span>&nbsp;||&nbsp;<span style="color: #9cdcfe;">document</span>.<span style="color: #9cdcfe;">body</span>.<span style="color: #9cdcfe;">clientHeight</span>))&nbsp;{</div><div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//IE&nbsp;4&nbsp;compatible</span></div><div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">myWidth</span>&nbsp;=&nbsp;<span style="color: #9cdcfe;">document</span>.<span style="color: #9cdcfe;">body</span>.<span style="color: #9cdcfe;">clientWidth</span>;</div><div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">myHeight</span>&nbsp;=&nbsp;<span style="color: #9cdcfe;">document</span>.<span style="color: #9cdcfe;">body</span>.<span style="color: #9cdcfe;">clientHeight</span>;</div><div>&nbsp;&nbsp;&nbsp;&nbsp;}</div><div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">window</span>.<span style="color: #dcdcaa;">alert</span>(<span style="color: #ce9178;">'Width&nbsp;=&nbsp;'</span>&nbsp;+&nbsp;<span style="color: #9cdcfe;">myWidth</span>);</div><div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">window</span>.<span style="color: #dcdcaa;">alert</span>(<span style="color: #ce9178;">'Height&nbsp;=&nbsp;'</span>&nbsp;+&nbsp;<span style="color: #9cdcfe;">myHeight</span>);</div><div>}</div><br></div><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p>


[Javascript] 브라우저 사이즈 계산