width_screen=screenwidth; // 获取宽度
height_screen=screenheight; 高度
availWidth_screen=screenavailWidth;
availHeight_screen=screenavailHeight;
colorDepth_screen=screencolorDepth;
如果是动态获取的话，就自己写一个方法什么的给封装一下，然后加载。
$(window)是jquery 对象， 加height() 也是就是获取窗口高度
同理，如果你想获取某个div的高度可以使用
var divHeight = $("div")height();/或者/
var divHeight = $("div")[0]offsetHeight;
$("div")是jquery对象，$("div")[0] 或者 $("div")get(0)是dom对象
但是在开发中会有很多坑 这点你得注意
如果 当前的 元素是 隐藏状态 display ： none
那你是无法通过上述方法和获取宽高的 ，所以在开发中如果没有获取到宽高，就要留意上面的代码在执行的时候 该元素是不是在隐藏状态
如果你想把 屏幕的高度 赋值给div
$("div")height(winHeight)// 或者
$("div")[0]offsetHeight = winHeight
<script type="text/javascript">
$(document)ready(function()
{
alert($(window)height()); //浏览器当前窗口可视区域高度
alert($(document)height()); //浏览器当前窗口文档的高度
alert($(documentbody)height());//浏览器当前窗口文档body的高度
alert($(documentbody)outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window)width()); //浏览器当前窗口可视区域宽度
alert($(document)width());//浏览器当前窗口文档对象宽度
alert($(documentbody)width());//浏览器当前窗口文档body的高度
alert($(documentbody)outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
alert(screenheight);//显示器分辨率，只能用JavaScript代码获取
alert(screenwidth);
})
</script>
网页可见区域宽： documentbodyclientWidth
网页可见区域高： documentbodyclientHeight
网页可见区域宽： documentbodyoffsetWidth (包括边线的宽)
网页可见区域高： documentbodyoffsetHeight (包括边线的高)
网页正文全文宽： documentbodyscrollWidth
网页正文全文高： documentbodyscrollHeight
网页被卷去的高： documentbodyscrollTop
网页被卷去的左： documentbodyscrollLeft
网页正文部分上： windowscreenTop
网页正文部分左： windowscreenLeft
屏幕分辨率的高： windowscreenheight
屏幕分辨率的宽： windowscreenwidth
屏幕可用工作区高度： windowscreenavailHeight
侦听“屏幕旋转”事件，一旦屏幕旋转就在回调函数中重新获得元素的宽和高。
如果你用jquery的话可以这样写：
$(window)on('orientationchange', function() {
var $el = $("#el"); // 需要重新获得宽和高的元素
var newWidth = $elwidth(); // 新的宽
var newHeight = $elheight(); // 新的高
});
js如何让一个div的高度等于窗口的高度 <HTML>
<HEAD>
<style>
div{border:1px solid red;width:300px;height:200px;}
</style>
<SCRIPT>
windowonload=function modify(){
var s=documentbodyclientHeight;
documentgetElementById("modss")styleheight=s;
alert(s)
}
</SCRIPT>
</HEAD>
<BODY>
<div id="modss">div的高度等于窗口的高度</div>
</BODY>
</HTML>
不知道是不是你要的。如果不是可以追问我……
如何让一个div的值等于当前浏览器高度的45%？jquery
$("div")offset(045$(window)height());
怎么让div的高度等于网页的高度
整个网页的高度一般是不用去设置的，都是靠每个子div累计出来的。
比如说网站的文章页，大家都知道，网站文章有长有短，这就会影响这个网页的高度。所以说网页的整个高度一般是不用去设置的!
怎样让一个div高度和浏览器高度一样
css: , body { height: 100%; } div100 { height: 100%; } javascript: var div100 = documentgetElementsClassName('div100'); div100styleheight = documentbodyclientHeight; jquery: $('div100')height($(window)height());
js如何 设置某个对象的高度,如div 等
举个例子吧：
<div id="test" class="page_speeder_1613902236">这是测试的div</div>
<input type=botton value="增加50px" onclick="add()" />
<script>
var o=documentgetElementById('test');获得元素
function add(){
var w=ooffsetWidth;获得原始宽
ostylewidth=w+50+'px';设置宽度
}
</script>
js如何给div增加高度？, 如何用js获取div的高度
function AdjustColumnsHeight() {
var mainCol = windowdocumentgetElementById('MainColumn');
var leftCol = windowdocumentgetElementById('MainLeft');
var rightCol = windowdocumentgetElementById('MainRight');
var hMainCol = mainCol offsetHeight;
var hLeftCol = leftColoffsetHeight;
var hRightCol = rightColoffsetHeight;
var maxHeight = Mathmax( hMainCol , Mathmax(hLeftCol, hRightCol));
mainColstyleheight = maxHeight + 'px';
leftColstyleheight = maxHeight + 'px';
rightColstyleheight = maxHeight + 'px';
}
上面的代码是取得3个div的高度，并判断高度最高的div高度值，让其余两个比较矮的div高度等于最高这个，自己琢磨下，很简单。
如何通过js改变div的高度
onload=function(){
通过GetElementById("");根据id获取div对象
然后
css({height:200px,width:100px});进行设置
};
如何使用 JavaScript 获取页面，窗口的高度
javascript里面documentbody的clientWidth、clientHeight、offsetWidth 、offsetHeight 等属性可以获得网页可见区域的宽和高，window和windowscreen也有一些相关属性，例子代码如下：
<body><SCRIPT LANGUAGE="JavaScript">var s = "";s += "\r\n网页可见区域宽："+ documentbodyclientWidth;s += "\r\n网页可见区域高："+ documentbodyclientHeight;s += "\r\n网页可见区域宽："+ documentbodyoffsetWidth +" (包括边线和滚动条的宽)";s += "\r\n网页可见区域高："+ documentbodyoffsetHeight +" (包括边线的宽)";s += "\r\n网页正文全文宽："+ documentbodyscrollWidth;s += "\r\n网页正文全文高："+ documentbodyscrollHeight;s += "\r\n网页被卷去的高："+ documentbodyscrollTop;s += "\r\n网页被卷去的左："+ documentbodyscrollLeft;s += "\r\n网页正文部分上："+ windowscreenTop;s += "\r\n网页正文部分左："+ windowscreenLeft;s += "\r\n屏幕分辨率的高："+ windowscreenheight;s += "\r\n屏幕分辨率的宽："+ windowscreenwidth;s += "\r\n屏幕可用工作区高度："+ windowscreenavailHeight;s += "\r\n屏幕可用工作区宽度："+ windowscreenavailWidth;s += "\r\n你的屏幕设置是 "+ windowscreencolorDepth +" 位彩色";s += "\r\n你的屏幕设置 "+ windowscreendeviceXDPI +" 像素/英寸";alert(s);</SCRIPT>
网页可见区域高： documentbodyclientHeight
屏幕可用工作区高度： windowscreenavailHeight
javascript screen对象获取屏幕宽高如alert(screenheight)
availHeight 属性 -- 窗口可以使用的屏幕高度，单位像素
availWidth 属性 -- 窗口可以使用的屏幕宽度，单位像素
colorDepth 属性 -- 用户浏览器表示的颜色位数，通常为32位(每像素的位数)
pixelDepth 属性 -- 用户浏览器表示的颜色位数，通常为32位(每像素的位数)（IE不支持)
height 属性 -- 屏幕的高度，单位像素
width 属性 -- 屏幕的宽度，单位像素
div设置定位,宽度高度设为屏幕一般半即可，至于居中的话可以绝对定位
以上就是关于html中 如何获取屏幕宽度全部的内容，包括:html中 如何获取屏幕宽度、var winHeight=$(window).height();这句话是获取屏幕高度，请问我怎样应用到具体某个div里呢、jquery怎么获取浏览器屏幕分辨率等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）