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

var s = "";

s += " 网页可见区域宽:"+ document.body.clientWidth+"
";

s += " 网页可见区域高:"+ document.body.clientHeight+"
";

s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+"
";

s += " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)"+"
";

s += " 网页正文全文宽:"+ document.body.scrollWidth+"
";

s += " 网页正文全文高:"+ document.body.scrollHeight+"
";

s += " 网页被卷去的高(ff):"+ document.body.scrollTop+"
";

s += " 网页被卷去的高(ie):"+ document.documentElement.scrollTop+"
";

s += " 网页被卷去的左:"+ document.body.scrollLeft+"
";

s += " 网页正文部分上:"+ window.screenTop+"
";

s += " 网页正文部分左:"+ window.screenLeft+"
";

s += " 屏幕分辨率的高:"+ window.screen.height+"
";

s += " 屏幕分辨率的宽:"+ window.screen.width+"
";

s += " 屏幕可用工作区高度:"+ window.screen.availHeight+"
";

s += " 屏幕可用工作区宽度:"+ window.screen.availWidth+"
";

s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+"
";

s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+"
";

document.getElementById("div_html").innerHTML = s;

html 自动获取屏幕分辨率,JS获取当前网页大小以及屏幕分辨率等相关推荐

  1. 【Android 屏幕适配】屏幕适配基础概念 ③ ( 屏幕像素密度 DPI 与素材大小关联 | 屏幕像素密度 DPI 与 屏幕密度限定符关联 )

    文章目录 一.屏幕像素密度 DPI 与素材大小关联 二.屏幕像素密度 DPI 与 屏幕密度限定符 xhdpi 关联 参考文档 : 设备兼容性概览 屏幕兼容性概览 支持不同的像素密度 声明受限屏幕支持 ...

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

    效果: 代码如下: <html> <head> <title>获取当前对象大小以及屏幕分辨率等</title> <body> <div ...

  3. html获取url参数值,js获取url中参数值的两种方法

    本节主要内容: js获取url中参数值. 方法1:正则分析法 复制代码 代码示例: function getQueryString(name) { var reg = new RegExp(" ...

  4. js获取当前时间写入HTML,html获取当前时间 js获取当前日期的前后4天

    可以用javascript,先创建Date对象的实例(也叫做对象的引用).创建实例的语法有如下三种. var newDateObj = new Date() var newDateObj = new ...

  5. php获取div高度,JS获取一个未知DIV高度的方法

    本文实例讲述了JS获取一个未知DIV高度的方法.分享给大家供大家参考,具体如下: 通过元素的clientHeight属性能够得到元素的高度,如:var height = element.clientH ...

  6. html 获取当前时间戳,JS获取当前时间戳方法解析

    第一种方法:(这种方法只精确到秒) var timestamp = Date.parse(new Date()); 结果:1280977330000 第二种方法: var timestamp = (n ...

  7. html 获取浏览器语言,js获取浏览器类型和语言

    js代码如下: // 获取终端的相关信息 var Terminal = { // 辨别浏览器类型 browserType : function(){ var u = navigator.userAge ...

  8. html获取元素坐标,js 获取元素相对于页面的坐标(示例)

    function pageX(elem){//获取元素相对于这个页面的x坐标. return elem.offsetParent?(elem.offsetLeft+pageX(elem.offsetP ...

  9. 通过文件url地址获取base64;通过图片url地址获取base64;js获取文件的base64

    本篇是通过url地址获取文件的base64 如果想要通过File文件获取base64查看这篇 以下代码可直接复制使用!注意第9行的图片地址更改下 <template><div cla ...

最新文章

  1. Linux 指令篇:文本统计--wc(word count)
  2. mqtt js 中乱码_Vue.js 中的 v-cloak 指令——Vue学习之路
  3. TypeScript class 的参数属性 parameter properties
  4. C++ win32控制台显示月历
  5. 【ACL2021】三篇高质量方面级的情感分析方法解读
  6. 数据包接收系列 — 上半部实现(网卡驱动)
  7. Redis面试题(2020最新版)
  8. 淘宝店铺装修全屏海报代码怎么用的设置方法
  9. Mac电脑怎样网络在线重装系统
  10. Elasticsearch辅助插件安装
  11. 太湖之光超级计算机诞生了,科技观察:神威·太湖之光超级计算机
  12. DES入盒前的CPA攻击
  13. LR(1)分析法的总控的实现(C++实现)
  14. Jupyter Lab 十大高生产力插件
  15. oracle备份显示要启动介质,RMAN备份,出现介质无法恢复的情况
  16. python turtle隐藏画笔_Python turtle库的画笔控制说明
  17. Python处理PDF——PyMuPDF的安装与使用
  18. 程序、任务、进程和线程的联系与区别
  19. windows:QueryPerformanceCounter函数/PerformanceCounter函数
  20. qq邮箱服务器发信怎么配置,WordPress网站实现使用QQ邮箱作为SMTP发信服务器配置教程...

热门文章

  1. Grammarly安装
  2. 【手游服务端】仙梦奇缘一键端服务端
  3. 阿里云闵万里:“1%”证明了ET工业大脑的价值,平台走向全面开放
  4. 10129 Play on Words-----并查集+欧拉路!!!
  5. 命令执行漏洞之远程命令执行和系统命令执行
  6. 如果摄像头不支持Web Socket,猿大师播放器还能在网页中播放RTSP流吗?
  7. 手摸手教学-利用原生POI对excel的导入导出以及阿里的easyexcel的基本操作
  8. JDK中的Timer和TimerTask详解 目录结构: Timer和TimerTask 一个Timer调度的例子 如何终止Timer线程 关于cancle方式终止线程 反复执行一个任务 sche
  9. Java 实现邮箱发送验证码——QQ邮箱为例
  10. 1029: 整数的立方和