jquery窗口的高度,jquery设置div高度

jQ如何获得网页实际高度？

1、新建一个html文件。

2、为了更好区分，会创建两个按钮标签，然后给这两个按钮标签添加不同的id。

3、引入jquery文件（注：jquery的引入路径一定要正确）。

4、创建加载完成函数，然后创建一个点击按钮获取当前id的函数。

5、保存好html文件后使用浏览器打开，然后点击按钮即可看到点击的id。

6、页面所有代码，如有不懂可把所有代码复制到新建的html文件上，然后修改引入的jquery文件即可。

相关问答

Q1: 请问如何通过jquery获取页面内容的高度?

1.方法如下：

获取浏览器显示区域（可视区域）的高度 ：

$(window).height();

获取浏览器显示区域（可视区域）的宽度 ：

$(window).width();

获取页面的文档高度

$(document).height();

获取页面的文档宽度 ：

$(document).width();

浏览器当前窗口文档body的高度：

$(document.body).height();

浏览器当前窗口文档body的宽度：

$(document.body).width();

获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)

$(document).scrollTop();

获取滚动条到左边的垂直宽度 ：

$(document).scrollLeft();

获取或设置元素的宽度：

$(obj).width();

获取或设置元素的高度：

$(obj).height();

某个元素的上边界到body最顶部的距离：obj.offset().top;（在元素的包含元素不含滚动条的情况下）

某个元素的左边界到body最左边的距离：obj.offset().left;（在元素的包含元素不含滚动条的情况下）

返回当前元素的上边界到它的包含元素的上边界的偏移量：obj.offset().top（在元素的包含元素含滚动条的情况下）

返回当前元素的左边界到它的包含元素的左边界的偏移量：obj.offset().left（在元素的包含元素含滚动条的情况下）

2.代码如下：

//返回当前页面高度

function pageHeight(){

if($.browser.msie){

return document.compatMode == "CSS1Compat"? document.documentElement.clientHeight :

document.body.clientHeight;

}else{

return self.innerHeight;

}

};

//返回当前页面宽度

function pageWidth(){

if($.browser.msie){

return document.compatMode == "CSS1Compat"? document.documentElement.clientWidth :

document.body.clientWidth;

}else{

return self.innerWidth;

}

};

Q2: jquery如何设置浏览器窗口的尺寸??

//设置大小

//方式一：

window.resizeBy //函数，这个函数是用来设置本窗口的大小;

//方式二：

window.open //函数，可以御用open方法，去设置弹出窗口的大小;

//如果是要获取到浏览器窗口大小，那么可以采用;

//获取大小

//方式一：

document.documentElement.clientWidth；

document.documentElement.clientHeight；

//方式二：

document.documentElement.offsetWidth;

document.documentElement.offsetHeidth;

//方式一获取到的宽度和高度不包含边框的值

//方式二获取到的宽度和高度值包含边框的值

//具体的运用，还得根据实际需求来订，不过灵活运用Jquery是我们快速开发的必备技能

我们在实际的项目中会有千奇百怪的需求;不同的需求影响我们去学习新的东西;

如何在实际开发中，运用JQuery或者Javascript去限制浏览器窗口的大小呢？