JS获取屏幕的宽度和高度

<html>
<script>
　　function a(){
　　　　document.write(
　　　　"屏幕分辨率为："+screen.width+"*"+screen.height
　　　　+"<br />"+
　　　　"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight
　　　　+"<br />"+
　　　　"网页可见区域宽："+document.body.clientWidth
　　　　+"<br />"+
　　　　"网页可见区域高："+document.body.clientHeight
　　　　+"<br />"+
　　　　"网页可见区域宽(包括边线的宽)："+document.body.offsetWidth
　　　　+"<br />"+
　　　　"网页可见区域高(包括边线的宽)："+document.body.offsetHeight
　　　　+"<br />"+
　　　　"网页正文全文宽："+document.body.scrollWidth
　　　　+"<br />"+
　　　　"网页正文全文高："+document.body.scrollHeight
　　　　+"<br />"+
　　　　"网页被卷去的高："+document.body.scrollTop
　　　　+"<br />"+
　　　　"网页被卷去的左："+document.body.scrollLeft
　　　　+"<br />"+
　　　　"网页正文部分上："+window.screenTop
　　　　+"<br />"+
　　　　"网页正文部分左："+window.screenLeft
　　　　+"<br />"+
　　　　"屏幕分辨率的高："+window.screen.height
　　　　+"<br />"+
　　　　"屏幕分辨率的宽："+window.screen.width
　　　　+"<br />"+
　　　　"屏幕可用工作区高度："+window.screen.availHeight
　　　　+"<br />"+
　　　　"屏幕可用工作区宽度："+window.screen.availWidth
　　　　);
　　}
</script>
<body  >
</body>
</html>

时间： 2024-12-24 19:27:30

JS获取屏幕的宽度和高度的相关文章

获取屏幕的宽度和高度

在js中,特别是在一些功能,比如底部返回哪些按钮等,经常需要用到,这里综合运用以下,以便可以以后快速获取: /** * 获取屏幕的宽度和高度 * @returns {*} */ function client() { if(window.innerWidth){ // ie9+ 最新的浏览器 return { width: window.innerWidth, height: window.innerHeight } }else if(document.compatMode === "CSS1C

安卓获取屏幕的宽度与高度

获取屏幕的宽度与高度有以下几种方法: 1.WindowManager wm = (WindowManager) getContext() .getSystemService(Context.WINDOW_SERVICE); int width = wm.getDefaultDisplay().getWidth(); int height = wm.getDefaultDisplay().getHeight(); 2.Window

JS,JQuery各种获取屏幕的宽度和高度

JQuery: $(document).ready(function(){ alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度包括border pa

JavaScript与jQuery中获取屏幕的宽度和高度的常用方法以及HTML中精确定位

浏览器的宽高示意图: JavaScript中常用的方法: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWidth 网页正文全文高: document.body.scr

C#获取屏幕的宽度和高度

//1.在屏幕的右下角显示窗体 //这个区域不包括任务栏的 Rectangle ScreenArea = System.Windows.Forms.Screen.GetWorkingArea(this); //这个区域包括任务栏,就是屏幕显示的物理范围 Rectangle ScreenArea = System.Windows.Forms.Screen.GetBounds(this); int width1 = ScreenArea.Width; //屏幕宽度 int height1 = Scr

js获取页面元素宽度、高度的方法总结

1.offsetWidth.width().clientWidth.scrollWidth offsetWidth是对象本身的宽度,包括边线滚动条等 clientWidth是对象能够被看到的宽度 clientWidth是对象内容的实际宽度 ps:$("#id").offsetWidth会返回undefined.原因:jquery选择器选择出来的元素都是数组对象,这些变量都是对一个明确的对象而言,正确写法应该是$("#id")[0].offsetWidth或者使用js

js获取页面的宽度

JS如何获取屏幕浏览器网页高度宽度网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全文高:document.body.scrollHeight网页被卷去的高:docume

js获取屏幕

js获取屏幕(设备)宽高 <script language="javascript"> var h = ""; h += " 网页可见区域宽:"+ document.body.clientWidth+"\n"; h += " 网页可见区域高:"+ document.body.clientHeight+"\n"; h += " 网页可见区域宽:"+ docu

php获取设备的宽度和高度

php获取设备的宽度和高度如果前台没有传输当前请求的宽度和高度,我们有时候需要用php借助javascript获取屏幕的宽和高,以控制现实的样式. 代码如下: 1 <?php 2 /* 3 * 获取设备宽度以及高度 4 * */ 5 if (isset($_GET['width']) AND isset($_GET['height'])) { 6 // 输出变量 7 echo "Screen width is: " . $_GET['width'] . "<br