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

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

2023-05-26 12:22:59 互联网 未知 开发

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

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

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

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

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()

HTML如何获取浏览器的宽度?

可以用javascript来获取!
屏幕分辨率的高:window.screen.height
屏幕分辨率的宽:window.screen.width
屏幕可用工作区高度:window.screen.availHeight
屏幕可用工作区宽度:window.screen.availWidth
屏幕设置 window.screen.colorDepth 位彩色
屏幕设置 window.screen.deviceXDPI 像素/英寸

angularjs怎样绑定浏览器宽度改变

如果另外的页面,等同刷新了,貌似没啥方案。

如果你是通过 $route 实现的多个 View,可使用该事件。

$rootScope.$on($routeChangeSuccess, function () {
// write callback here
})

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

jquery

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

asp怎么获得浏览器宽度?

各种尺寸,最后2个是你要的,都看看吧
网页正文全文宽: 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

HTML如何获取浏览器的宽度?

目前来讲html不具备获取浏览器宽度的能力。可以采用js的方式来获取,具体示例JS代码如下:
// 获取窗口宽度
if (window.innerWidth)
winWidth = window.innerWidth
else if ((document.body) && (document.body.clientWidth))
winWidth = document.body.clientWidth
// 获取窗口高度
if (window.innerHeight)
winHeight = window.innerHeight
else if ((document.body) && (document.body.clientHeight))
winHeight = document.body.clientHeight
// 通过深入 Document 内部对 body 进行检测,获取窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight
winWidth = document.documentElement.clientWidth
}

最新文章