通過(guò)onresize事件

1 window.onresize = function () { 2 document.title = client().width + " "+ client().height; 3 } 4 5 6 //獲取屏幕可視區(qū)域的寬高 7 function client(){ 8 if(window.innerHeight !== undefined){ 9 return { 10 "width": window.innerWidth, 11 "height": window.innerHeight 12 } 13 }else if(document.compatMode === "CSS1Compat"){ 14 return { 15 "width": document.documentElement.clientWidth, 16 "height": document.documentElement.clientHeight 17 } 18 }else{ 19 return { 20 "width": document.body.clientWidth, 21 "height": document.body.clientHeight 22 } 23 } 24} 25 26 二、獲取瀏覽器寬度和高度-使用懶函數(shù)優(yōu)化 27 window.onresize = function() { 28 document.title = client().width + " " + client().height; 29} 30 31 //獲取屏幕可視區(qū)域的寬高 32 !function() { 33 if(window.innerHeight !== undefined) { 34 client = function() { 35 return { 36 "width": window.innerWidth, 37 "height": window.innerHeight 38 } 39 } 40 } else if(document.compatMode === "CSS1Compat") { 41 client = function() { 42 return { 43 "width": document.documentElement.clientWidth, 44 "height": document.documentElement.clientHeight 45 } 46 } 47 48 } else { 49 client = function() { 50 return { 51 "width": document.body.clientWidth, 52 "height": document.body.clientHeight 53 } 54 } 55 56 } 57 }();

?

轉(zhuǎn)載于:https://www.cnblogs.com/web-wjg/p/7136899.html

總結(jié)

以上是生活随笔為你收集整理的js兼容性——获取当前浏览器窗口的宽高的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。