JS获取当前对象大小以及屏幕分辨率等

 1 <script type="text/javascript">
 2     function getInfo(){
 3         var s = "";
 4         s += " 网页可见区域宽:"+ document.body.clientWidth+"\n";
 5         s += " 网页可见区域高:"+ document.body.clientHeight+"\n";
 6         s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+"\n";
 7         s += " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)"+"\n";
 8         s += " 网页正文全文宽:"+ document.body.scrollWidth+"\n";
 9         s += " 网页正文全文高:"+ document.body.scrollHeight+"\n";
10         s += " 网页被卷去的高(ff):"+ document.body.scrollTop+"\n";
11         s += " 网页被卷去的高(ie):"+ document.documentElement.scrollTop+"\n";
12         s += " 网页被卷去的左:"+ document.body.scrollLeft+"\n";
13         s += " 网页正文部分上:"+ window.screenTop+"\n";
14         s += " 网页正文部分左:"+ window.screenLeft+"\n";
15         s += " 屏幕分辨率的高:"+ window.screen.height+"\n";
16         s += " 屏幕分辨率的宽:"+ window.screen.width+"\n";
17         s += " 屏幕可用工作区高度:"+ window.screen.availHeight+"\n";
18         s += " 屏幕可用工作区宽度:"+ window.screen.availWidth+"\n";
19         s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+"\n";
20         s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+"\n";
21         alert (s);
22     }
23     getInfo();
24 </script>
时间: 2024-10-24 10:48:11

JS获取当前对象大小以及屏幕分辨率等的相关文章

(转)JS获取当前对象大小以及屏幕分辨率等

原文 JS获取当前对象大小以及屏幕分辨率等 <script type="text/javascript">function getInfo(){      var s = "";         s += " 网页可见区域宽:"+ document.body.clientWidth+"\n";          s += " 网页可见区域高:"+ document.body.clientHeig

JS获取当前网页大小以及屏幕分辨率等

<html> <head> <title>获取当前对象大小以及屏幕分辨率等</title> <body> <div style=" width:88%;margin:30px auto; color:blue;" id="div_html"> </div> <script type="text/javascript"> var s = "&q

js获取网页可见区域、屏幕分辨率高度等信息

js获取网页的各种高度,例如可见区域.正文以及屏幕分辨率的高度的方法.有关document的一些属性:网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWidth 网页正文

前端页面js与flash交互——js获取flash对象,并传递参数

背景介绍: 最近在搞一个项目,涉及到图片选取,裁剪,上传等,由于浏览器安全性问题,js无法获取到<input type="file">中选取的文件路径,而且对照片的裁剪,抠图等由HTML5实现的功能,对各大浏览器的兼容性,真是不敢太大胆.这个时候就引进了flash,然后所有js做不了的让flash来做,然后由js来控制页面元素.就这样开始了js与as的交互之旅,听做flash的大叔说,flash调js的函数式很好调的,而js调as不大容易.最终的情况是as调js错误层出不穷

js 获取时间对象代码

/** * 获取时间对象 */function getDateObj(addDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+addDayCount);//获取addDayCount天后的日期 var y = dd.getFullYear(); var m = dd.getMonth()+1;//获取当前月份的日期 var d = dd.getDate(); var h = dd.getHours(); var M = dd.get

js获取dom对象style样式的值

js获取到的dom对象的style通常是没有值得,因为我们都写在外部文件中,从慕课网上见到讲师封装的一个方法,挺不错.特此记录下来. 1 function getStyle(obj,attr){ 2 if(obj.currentStyle){//兼容IE 3 return obj.currentStyle[attr]; 4 }else{ 5 return getComputedStyle(obj,false)[attr]; 6 } 7 }

js获取系统月份大小总是小一位

一 问题:项目过程中用一下方法获取系统日期,结果月份总是小一位. var myDate = new Date();myDate.getFullYear();myDate.getMonth();$("#date1").val(myDate.getFullYear() + '/' + myDate.getMonth()); 二  解决方法  查询相关资料后得知JS获取系统月份getMonth() 是0-11来表示1-12的.最后将项目源码最后行改成 $("#date1"

JS 获取元素对象/添加节点

一.设置或获取元素对象中(标签中)的属性和自定义属性 对象.属性 对象['属性'] 对象.getAttribute('属性名') 对象.setAttribute('属性名','属性值'); 对象.removeAttribute('属性名') 二.outerHTML : 当前节点对象及所有子节点(标签及所有内容) innerHTML : 当前节点中所有的内容(包含标签,会自动解析标签) innerText : 当前节点中所有的纯文本内容(不包含标签,不会自动解析标签) 三.如何获取所有的子节点?

【全面总结】js获取元素位置大小

目录 1.关于offset offsetParent(只读) offsetTop(只读) offsetLeft(只读) offsetHeight(只读) offsetWidth(只读) 2.滚动尺寸scroll scrollWidth(只读) scrollHeight(只读) scrollLeft(可写) scrollTop(可写) 3.关于client clientWidth(只读) clentHeight(只读) clientLeft(只读) clientTop(只读) 4.关于client