js页面高度_js 如何获得浏览器的高度

① js获取body的高度

1、document.body.clientWidth;//网页可见区域宽

2、document.body.clientHeight;//网页可见区域高

3、document.body.offsetWidth;//网页可见区域宽(包括边线的宽)

4、document.body.offsetHeight;//网页可见区域高(包括边线的高)

5、document.body.scrollWidth;//网页正文全文宽

6、window.screen.availHeight;//屏幕可用工作区高度

7、window.screen.availWidth;//屏幕可用工作区宽度

8、alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度包括border padding margin

9、alert($(document.body).width());//浏览器时下窗口文档body的高度

(1)js页面高度扩展阅读：

1、alert($(window).height()); //浏览器时下窗口可视区域高度

2、alert($(document).height()); //浏览器时下窗口文档的高度

3、alert($(document.body).height());//浏览器时下窗口文档body的高度

4、alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度包括border padding margin

5、alert($(window).width()); //浏览器时下窗口可视区域宽度

6、alert($(document).width());//浏览器时下窗口文档对于象宽度

7、alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度

8、alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度

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

1、新建一个html文件。

③ javascript怎么改变宽度高度

你好！！

你这是要修改样式的意思吧，是想通过javascript来控制样式么？

可以直接为元素设置style来达到你想要的效果。

//首先<divclass="list_top">增加一个id标识，改为<divid="listTop"class="list_top">

<script>
//在这里配置你的内容，对照你自己要的数值就好了
varconfig={
	"_width":"960px",
	"_height":"60px",
	"_background":"#faa",
	"_li_width":"",
	"_li_height":"",
	"_a_color":"yellow"
};
//初始化函数，将配置的数值，分别设置到元素中
functioninit(config){
	varlstTop=document.getElementById("listTop");
	lstTop.style.width=config["_width"]?config["_width"]:lstTop.style.width;
	lstTop.style.height=config["_height"]?config["_height"]:lstTop.style.height;
	lstTop.style.background=config["_background"]?config["_background"]:lstTop.style.background;

	varhot=document.getElementById("hottitle");
	hot.style.width=config["_width"]?config["_width"]:hot.style.width;
	hot.style.height=config["_height"]?config["_height"]:hot.style.height;

	varul=document.getElementById("ulid");
	ul.style.width=config["_width"]?config["_width"]:ul.style.width;
	ul.style.height=config["_height"]?config["_height"]:ul.style.height;

	varlis=ul.getElementsByTagName("li");
	for(vari=0;i<lis.length;i++){
		lis[i].style.width=config["_li_width"]?config["_li_width"]:lis[i].style.width;
		lis[i].style.height=config["_li_width"]?config["_li_width"]:lis[i].style.height;
		vara=lis[i].getElementsByTagName("a");
		a[0].style.color=config["_a_color"]?config["_a_color"]:a[0].style.color;
	}
}

window.onload=function(){
	init(config);
}
</script>

④ JS获取HTML页面的BODY的高度

<html>
<head>

</head>
<body style="height:400px">
<div id="div1">12312</div>
<script type="text/javascript">

document.getElementById("div1").style.height=document.body.style.height;
alert(document.getElementById("div1").style.height);
//如果body，没有设置样式，这个高度就为空
document.getElementById("div1").style.height=document.body.clientHeight
alert(document.getElementById("div1").style.height);
//如果设置了样式，offsetHeight就等于样式的height否则等于clientHeight
document.getElementById("div1").style.height=document.body.offsetHeight
alert(document.getElementById("div1").style.height);
</script>
</body>
</html>

⑤ js如何给div增加高度

function AdjustColumnsHeight() {
var mainCol = window.document.getElementById('MainColumn');
var leftCol = window.document.getElementById('MainLeft');
var rightCol = window.document.getElementById('MainRight');

var hMainCol = mainCol .offsetHeight;
var hLeftCol = leftCol.offsetHeight;
var hRightCol = rightCol.offsetHeight;

var maxHeight = Math.max( hMainCol , Math.max(hLeftCol, hRightCol));
mainCol.style.height = maxHeight + 'px';
leftCol.style.height = maxHeight + 'px';
rightCol.style.height = maxHeight + 'px';
}

上面的代码是取得3个div的高度，并判断高度最高的div高度值，让其余两个比较矮的div高度等于最高这个，自己琢磨下，很简单。

⑥ 如何通过JS获取指定页面的高度

JS跨域的话很难获得页面的高度，本域的话，倒很简单~

本域：document.body.scrollHeight

⑦ JS如何获取页面可见区域高度

var s ="网页可见区域宽："+ document.body.clientWidth; 版s+="\r\n网页可见区域高："+ document.body.clientHeight; s += "\r\n网页正文权全文宽："+ document.body.scrollWidth; s += "\r\n网页正文全文高："+ document.body.scrollHeight; s += "\r\n网页正文部分上："+ window.screenTop; s += "\r\n网页正文部分左："+ window.screenLeft; s += "\r\n屏幕分辨率的高："+ window.screen.height; s += "\r\n屏幕分辨率的宽："+ window.screen.width; s +="\r\n屏幕可用工作区高度："+ window.screen.availHeight; s +="\r\n屏幕可用工作区宽度："+ window.screen.availWidth;alert(s);</SCRIPT>

⑧ js 如何获取浏览器的高度

js获取浏览器可见区域(不包括标题栏、地址栏、收藏夹栏状态栏等额外区域，仅为页面呈现区专域)的高度和宽度
宽度：属document.documentElement.clientWidth
高度：document.documentElement.clientHeight
文档类型：XHTML1.0
浏览器：ALL

⑨ js 如何获得浏览器的高度

要在js中获得浏览器的高度可以参考以下步骤(具体代码见最后）：
1、outerHeight属性设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。
2、outerWidth属性设置或返回窗口的外部宽度，包括所有的界面元素（如工具栏/滚动）。
3、innerheight 返回窗口的文档显示区的高度。
4、innerwidth 返回窗口的文档显示区的宽度。
补充：
在浏览器兼容方面：
1、所有主流浏览器都支持 outerWidth 和 outerHeight 属性。
注意：IE 8 及更早 IE 版本不支持该属性。
2、所有主流浏览器都支持 innerWidth 和 innerHeight 属性。
注意：IE 8 及更早 IE版本不支持这两个属性。

获取代码：
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<head>
<title>请调整浏览器窗口</title> <meta http-equiv="content-type" content="text/html; charset=gb2312">
</meta></head>
<body>
<h2 align="center">请调整浏览器窗口大小</h2><hr />
<form action="#" method="get" name="form1" id="form1">

浏览器窗口的实际高度: <input type="text" name="availHeight" size="4"/><br />
浏览器窗口的实际宽度: <input type="text" name="availWidth" size="4"/><br />
</form>
<script type="text/javascript">

</script>
</body>
</html>

⑩ javascript如何获取页面的高度和宽度

window.outerHeight 窗口总高度和window.screen.availHeight一样
window.innerHeight 窗口可视区域高度
window.screen.height 显示器屏幕高版度
另外：权jquery获取高度
$(".thisCrumbs").height()

元素本身高度
$(".thisCrumbs").innerHeight()

元素高度+内边距
$(".thisCrumbs").outerHeight()

元素高度+内边距+边框
$(".thisCrumbs").outerHeight(true)
元素高度+内边距+边框+外边距

导航:首页 > 编程语言 > js页面高度

js页面高度

与js页面高度相关的资料

友情链接