当前位置:首页>开发>正文

jquery中怎么获取当前窗口的宽度 用javascript怎么能准确的获取手机的屏幕宽度和高度

2023-07-06 07:46:13 互联网 未知 开发

 jquery中怎么获取当前窗口的宽度 用javascript怎么能准确的获取手机的屏幕宽度和高度

jquery中怎么获取当前窗口的宽度

<script type="text/javascript"> 
$(document).ready(function() 

alert($(window).height()) //浏览器当前窗口可视区域高度 
alert($(document).height()) //浏览器当前窗口文档的高度 
alert($(document.body).height())//浏览器当前窗口文档body的高度 
alert($(document.body).outerHeight(true))//浏览器当前窗口文档body的总高度 包括border padding margin 
alert($(window).width()) //浏览器当前窗口可视区域宽度 
alert($(document).width())//浏览器当前窗口文档对象宽度 
alert($(document.body).width())//浏览器当前窗口文档body的高度 
alert($(document.body).outerWidth(true))//浏览器当前窗口文档body的总宽度 包括border padding margin 


</script>

用javascript怎么能准确的获取手机的屏幕宽度和高度

javascript screen对象获取屏幕宽高如alert(screen.height) availHeight 属性--窗口可以使用的屏幕高度,单位像素 availWidth 属性--窗口可以使用的屏幕宽度,单位像素 colorDepth 属性--用户浏览器表示的颜色位数

Jquery如何获取浏览器窗口宽度?

alert($(window).height()) //浏览器时下窗口可视区域高度
alert($(document).height()) //浏览器时下窗口文档的高度
alert($(document.body).height())//浏览器时下窗口文档body的高度
alert($(document.body).outerHeight(true))//浏览器时下窗口文档body的总高度 包括border padding margin
alert($(window).width()) //浏览器时下窗口可视区域宽度
alert($(document).width())//浏览器时下窗口文档对于象宽度
alert($(document.body).width())//浏览器时下窗口文档body的高度
alert($(document.body).outerWidth(true))

js或者jquery如何实时获取浏览器的高度和宽度的?

jquery

$(function(){
/*调整窗口自动调整宽度*/
$(window).resize(function(){
var h = $(window).height()
var w = $(window).width()
console.info("窗口高度:" h " 窗口宽度:" w)
})
})

jquery 中怎么获取浏览器宽度和高度

$(window).height() //浏览器当前窗口可视区域高度 
$(document).height() //浏览器当前窗口文档的高度 
$(document.body).height()//浏览器当前窗口文档body的高度 
$(document.body).outerHeight(true)//浏览器当前窗口文档body的总高度 包括border padding margin 
$(window).width() //浏览器当前窗口可视区域宽度 
$(document).width()//浏览器当前窗口文档对象宽度 
$(document.body).width()//浏览器当前窗口文档body的高度 
$(document.body).outerWidth(true)//浏览器当前窗口文档body的总宽度 包括border padding margin 

// 获取页面的高度、宽度
function getPageSize() {
    var xScroll, yScroll
    if (window.innerHeight && window.scrollMaxY) {
        xScroll = window.innerWidth   window.scrollMaxX
        yScroll = window.innerHeight   window.scrollMaxY
    } else {
        if (document.body.scrollHeight > document.body.offsetHeight) { // all but Explorer Mac    
            xScroll = document.body.scrollWidth
            yScroll = document.body.scrollHeight
        } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari    
            xScroll = document.body.offsetWidth
            yScroll = document.body.offsetHeight
        }
    }
    var windowWidth, windowHeight
    if (self.innerHeight) { // all except Explorer    
        if (document.documentElement.clientWidth) {
            windowWidth = document.documentElement.clientWidth
        } else {
            windowWidth = self.innerWidth
        }
        windowHeight = self.innerHeight
    } else {
        if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode    
            windowWidth = document.documentElement.clientWidth
            windowHeight = document.documentElement.clientHeight
        } else {
            if (document.body) { // other Explorers    
                windowWidth = document.body.clientWidth
                windowHeight = document.body.clientHeight
            }
        }
    }       
    // for small pages with total height less then height of the viewport    
    if (yScroll < windowHeight) {
        pageHeight = windowHeight
    } else {
        pageHeight = yScroll
    }    
    // for small pages with total width less then width of the viewport    
    if (xScroll < windowWidth) {
        pageWidth = xScroll
    } else {
        pageWidth = windowWidth
    }
    arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight)
    return arrayPageSize
}

// 滚动条
document.body.scrollTop
$(document).scrollTop()

如何用jQuery获取浏览器窗口的高度和宽度

包含边框的宽度 = $(window).width()
包含边框的高度 = $(window).height()

不包含边框的宽度 = $(document).width()
不包含边框的高度 = $(document).height()

jQuery怎么获取浏览器最大化的宽度?

window.screen.width
网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文宽: document.body.scrollWidth
网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
网页正文部分上: window.screenTop
网页正文部分左: window.screenLeft
屏幕物理分辨率的高: window.screen.height
屏幕物理分辨率的宽: window.screen.width
屏幕可用工作区高度: window.screen.availHeight
屏幕可用工作区宽度: window.screen.availWidth
屏幕缩放因子:window.devicePixelRatio
屏幕逻辑分辨率:window.screen.width * window.devicePixelRatio (缩放因子与物理分辨率的乘积)

最新文章