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

原文

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

<script type="text/javascript">function getInfo(){ 
     var s = "";   
      s += " 网页可见区域宽:"+ document.body.clientWidth+"\n";    
      s += " 网页可见区域高:"+ document.body.clientHeight+"\n";    
      s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+"\n";    
      s += " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)"+"\n";    
      s += " 网页正文全文宽:"+ document.body.scrollWidth+"\n";    
      s += " 网页正文全文高:"+ document.body.scrollHeight+"\n";    
      s += " 网页被卷去的高(ff):"+ document.body.scrollTop+"\n";    
      s += " 网页被卷去的高(ie):"+ document.documentElement.scrollTop+"\n";    
      s += " 网页被卷去的左:"+ document.body.scrollLeft+"\n";    
      s += " 网页正文部分上:"+ window.screenTop+"\n";    
      s += " 网页正文部分左:"+ window.screenLeft+"\n";    
      s += " 屏幕分辨率的高:"+ window.screen.height+"\n";    
      s += " 屏幕分辨率的宽:"+ window.screen.width+"\n";    
      s += " 屏幕可用工作区高度:"+ window.screen.availHeight+"\n";    
      s += " 屏幕可用工作区宽度:"+ window.screen.availWidth+"\n";    
      s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+"\n";    
      s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+"\n";    
      alert (s);
    }
    getInfo();
  </script>

时间: 2025-01-09 20:53:24

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

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 += "

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