通过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>
?
-------------------以下舉個例子說明：把獲取的寬高賦給指定的div--------------------------
?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>把獲取的寬高賦給指定的div</title>
<script language="javascript" type="text/javascript" src="jquery-1.4.js"></script>
<script type="text/javascript">
$(document).ready(function()????????
{
$(window).height(); //瀏覽器當前窗口可視區域高度
$(window).width(); //瀏覽器當前窗口可視區域寬度
$("#abc").css({width:$(window).width(),height:$(window).height()});
}
?)
</script>
<style>
#abc{
?background-color:#36C;
}
body{
?padding:0;
?margin:0;
}
</style>
</head>
<body>
<div id="abc">把寬和高賦給了我，哈哈...</div>
</body>
</html>
總結
以上是生活随笔為你收集整理的通过JQuery获取窗口和元素的宽高的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 汽车轮胎为什么是圆的？
- 下一篇： 随着国六标准的出台对车辆销售有哪些影响？