你可以用documentbodyscrollWidth
来获取，但兼容性本人没有做过测试。 给你个参考：网页可见区域宽：documentbodyclientWidth
网页可见区域高：documentbodyclientHeight
网页可见区域宽：documentbodyoffsetWidth(包括边线的宽)
网页可见区域高：documentbodyoffsetHeight(包括边线的宽)
网页正文全文宽：documentbodyscrollWidth
网页正文全文高：documentbodyscrollHeight
网页被卷去的高：documentbodyscrollTop(IE7无效)
网页被卷去的左：documentbodyscrollLeft(IE7无效)网页被卷去的高：documentdocumentElementscrollTop(IE7有效)网页被卷去的左：documentdocumentElementscrollLeft(IE7有效)
网页正文部分上：windowscreenTop
网页正文部分左：windowscreenLeft
屏幕分辨率的高：windowscreenheight
屏幕分辨率的宽：windowscreenwidth
屏幕可用工作区高度：windowscreenavailHeight
屏幕可用工作区宽度：windowscreenavailWidth
相对于窗口左上角的X：windoweventclientX相对于窗口左上角的Y：windoweventclientY
相对于整个页面的X：windoweventX
相对于整个页面的Y：windoweventY
(function(){
var option ={"auto_play":"0","file_id":"16092504232103639705","app_id":"1251580615","width":screenwidth,"height":screenheight}; /调用播放器进行播放/
new qcVideoPlayer( /代码中的id_video_container将会作为播放器放置的容器使用,可自行替换/ "id_video_container", option ); })()
<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>
拿去 看看有没有你要的
你怎么知道我有答案？昨天是回答了，结果无缘无故被弊，再试试吧
注意因为百度知道这几天的高亮显示不正常，下面代码中前面的空格都是全角，你复制粘贴之后自己用编辑器查找/替换全部吧。
<style type="text/css">#div {
width: 100%;
background: url("bgjpg") no-repeat;
background-size: 100% auto;
border: 1px solid #f00;
}
</style>
代码是<script type="text/javascript">。
代码:
代码就是程序员用开发工具所支持的语言写出来的源文件，是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。
代码设计的原则包括唯一确定性、标准化和通用性、可扩充性与稳定性、便于识别与记忆、力求短小与格式统一以及容易修改等。 源代码是代码的分支，某种意义上来说，源代码相当于代码。
现代程序语言中，源代码可以书籍或磁带形式出现，但最为常用格式是文本文件，这种典型格式的目的是为了编译出计算机程序。计算机源代码最终目的是将人类可读文本翻译成为计算机可执行的二进制指令，这种过程叫编译，它由通过编译器完成。
jquery
$(function(){
/调整窗口自动调整宽度/
$(window)resize(function(){
var h = $(window)height();
var w = $(window)width();
consoleinfo("窗口高度：" + h + "; 窗口宽度：" + w);
});
});
精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
eventclientX 相对文档的水平座标
eventclientY 相对文档的垂直座标
eventoffsetX 相对容器的水平坐标
eventoffsetY 相对容器的垂直坐标
documentdocumentElementscrollTop 垂直方向滚动的值
eventclientX+documentdocumentElementscrollTop 相对文档的水平座标+垂直方向滚动的量
实现代码
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN"
">
获取浏览器窗口大小，jQuery的写法是这样：
宽
$(window)width()
高
$(window)height()
等比例地定位div，可以设置div样式
例如：position:absolute;top:10%;left:20%;width:40%;height:50%
以上就是关于JS获取页面内容宽度各浏览器不一全部的内容，包括:JS获取页面内容宽度各浏览器不一、js获取页面宽度和高度然后把值传给DIV、如何用JAVASCRIPT获取当前窗口的高度和宽度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）