js显示屏幕分辨率

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

        document.getElementById("div_html").innerHTML = s;
    </script>
时间: 2024-11-03 15:53:46

js显示屏幕分辨率的相关文章

js获得分辨率

1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd"> 3 <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> 4 <head> 5 <meta http-equiv="Content-T

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 = ""; s

js判断浏览器类型

js判断浏览器类型  <script type="text/javascript" >     <!--   function getOs()   {       var OsObject = "";      if(isIE = navigator.userAgent.indexOf("MSIE")!=-1) {           return "MSIE";      }      if(isFiref

如何使网页自适应电脑屏幕分辨率

在1024*768或者800*600的分辨率下可以自动调整成适用于该客户端分辨率的大小. 第一种方法:做一个网页解决问题(长了点) 如果只是因为浏览者改变了浏览器的设置,或者因为浏览器不兼容,使自己精心制作的网页变得"面目全非",那多令人沮丧!下面我们以网页爱好者的常用工具Dreamweaver(以下简称DW)为例,列出几个网页制作初学者较常见的网页布局问题以及解决方法,希望对初学者们有所帮助. 一.消除任意缩放浏览器窗口对网页的影响 一番辛苦做出来的网页,在全屏状态下浏览一切正常.但

React Native(一) FlexBox布局

欢迎转载,转载请标明出处: http://blog.csdn.net/johnny901114/article/details/53241550 本文出自:[余志强的博客] 在React Native中主要使用FlexBox来布局. 安装过React Native的开发环境的就知道,在index.android.js/index.ios.js的文件内容如下: export default class TemplateDemo extends Component { render() { retu

每日分享

一.判断浏览器类型 /* * 描述:判断浏览器信息 * 编写:LittleQiang_w * 日期:2016.1.5 * 版本:V1.1 */ //判断当前浏览类型 function BrowserType() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 var isIE = use

8.3随笔

每日分享 一.判断浏览器类型 ? /* * 描述:判断浏览器信息 * 编写:LittleQiang_w * 日期:2016.1.5 * 版本:V1.1 */ //判断当前浏览类型 function BrowserType() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 var isI

1. 虚拟机使用技巧

1. VMware虚拟机技巧之增加虚拟机可用的物理内存: 保证虚拟机不是挂起的状态下,直接进入设置里面调大内存即可. 2. VMware虚拟机技巧之硬件设备添加的技巧: 直接进入设置即可添加. 3. VMware虚拟机之控制权的切换: Ctrl + Alt 切换 4. VMward虚拟机之正确的关闭方法: 5. VMware虚拟机之结束任务: Ctrl + Alt + Ins 6. VMware虚拟机之显示模式的切换: 7. VMware虚拟机之虚拟网络使用技巧: 8. VMware虚拟机之BO

【学神-RHEL7】1-1-课程介绍和RHEL7.1操作系统安装-VMware使用方法

本节所讲内容: 课程介绍 VMware workstation的基本使用 RHEL7 基本了解 RHEL7.1操作系统的安装 RHEL6.5操作系统的安装 实战:组装服务器   1U=4.45CM   HP    SAS   10K    450G    2100¥ Dell  SAS   10K    300G     1100¥     2100*8=16800¥ 1100*8=8800¥     RHEL7 基本了解 红帽公司于2014年6月11日正式发布企业Linux 7版本,该版本在裸