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-Type" content="text/html; charset=utf-8" />
 6   <title>test</title>
 7   <meta name="author" content="Administrator" />
 8   <!-- Date: 2011-10-25 -->
 9   <script language="JavaScript">
10 function a(){
11 document.write(
12 "屏幕分辨率为:"+screen.width+"*"+screen.height
13 +"<br />"+
14 "屏幕可用大小:"+screen.availWidth+"*"+screen.availHeight
15 +"<br />"+
16 "网页可见区域宽:"+document.body.clientWidth
17 +"<br />"+
18 "网页可见区域高:"+document.body.clientHeight
19 +"<br />"+
20 "网页可见区域宽(包括边线的宽):"+document.body.offsetWidth
21 +"<br />"+
22 "网页可见区域高(包括边线的宽):"+document.body.offsetHeight
23 +"<br />"+
24 "网页正文全文宽:"+document.body.scrollWidth
25 +"<br />"+
26 "网页正文全文高:"+document.body.scrollHeight
27 +"<br />"+
28 "网页被卷去的高:"+document.body.scrollTop
29 +"<br />"+
30 "网页被卷去的左:"+document.body.scrollLeft
31 +"<br />"+
32 "网页正文部分上:"+window.screenTop
33 +"<br />"+
34 "网页正文部分左:"+window.screenLeft
35 +"<br />"+
36 "屏幕分辨率的高:"+window.screen.height
37 +"<br />"+
38 "屏幕分辨率的宽:"+window.screen.width
39 +"<br />"+
40 "屏幕可用工作区高度:"+window.screen.availHeight
41 +"<br />"+
42 "屏幕可用工作区宽度:"+window.screen.availWidth
43 );
44 }
45 </script>
46   </head>
47
48 <body onload="a()" >
49 </body>
50 </html>
时间: 2024-11-19 02:36:43

js获得分辨率的相关文章

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 />&q

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)为例,列出几个网页制作初学者较常见的网页布局问题以及解决方法,希望对初学者们有所帮助. 一.消除任意缩放浏览器窗口对网页的影响 一番辛苦做出来的网页,在全屏状态下浏览一切正常.但

每日分享

一.判断浏览器类型 /* * 描述:判断浏览器信息 * 编写: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

淘宝移动端兼容

js控制分辨率等比例缩放 var scale = 1 / devicePixelRatio; document.querySelector('meta[name="viewport"]').setAttribute('content','initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no'); 淘宝布局的第二个要点,就是html元素

30行js让你的rem弹性布局适配所有分辨率(含竖屏适配)

用rem来实现移动端的弹性布局是个好主意!用法如下: CSS @media only screen and (max-width: 320px), only screen and (max-device-width:320px) { html { font-size:10px; } } @media only screen and (max-width: 640px), only screen and (max-device-width:640px) { html { font-size:20p

移动端页面按手机屏幕分辨率自动缩放的js

<script>        var phoneWidth = parseInt(window.screen.width);        var phoneHeight = parseInt(window.screen.height);        var phoneScale = phoneWidth/750; //除以的值按手机的物理分辨率        var ua = navigator.userAgent;        if (/Android (\d+\.\d+)/.tes