Javascript:获取浏览器窗口和屏幕的可用宽高

1.获取浏览器窗口的有效宽高(不包括工具栏和滚动条)

注:对于绝大部分浏览器使用window.innerWidth即可获取宽度,使用document.documentElement.clientWidth || document.body.clientWidth 为了实现对IE6,7的支持。

高度同上。

var w=window.innerWidth
  || document.documentElement.clientWidth
  || document.body.clientWidth;

  var h=window.innerHeight
  || document.documentElement.clientHeight
  || document.body.clientHeight;

  x=document.getElementById("screen_size");
  x.innerHTML="浏览器的内部窗口宽度:" + w + ",高度:" + h + "。"

2.获取屏幕的有效宽高

document.write("屏幕可用尺寸,宽:" + screen.availWidth+",高:"+screen.availHeight);

3.location相关(获取web服务器相关信息)

    document.write("web 主机的域名: "+location.hostname+"<br/>");
    document.write("当前页面的路径和文件名: "+location.pathname+"<br/>");
    document.write("web 主机的端口: "+location.port+"<br/>");
    document.write("所使用的 web 协议: "+location.protocol+"<br/>");
    document.write("当前页面的url: "+location.href+"<br/>");
时间: 2024-08-24 05:06:10

Javascript:获取浏览器窗口和屏幕的可用宽高的相关文章

JavaScript获取浏览器窗口、元素、屏幕的大小

在实现页面的某些效果时,我们经常会用到JavaScript去获取浏览器窗口,页面中元素和屏幕的大小,而这三个的大小在不同的浏览器中获取的方式有所不同,所以不得不处理一些兼容性问题. 一.屏幕的大小 首先来看屏幕大小,什么是屏幕大小呢?屏幕大小是指当前所用设备的屏幕的分辨率(浏览器窗口外部显示器的大小),它一般是不变的.它们可以通过JavaScript中的screen对象的属性获取. screen.height:屏幕的像素高度: screen.width:屏幕的像素宽度: screen.avail

javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等

主要介绍了javascript获取和判断浏览器窗口.屏幕.网页的高度.宽度等 scrollHeight: 获取对象的滚动高度.scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由 offsetPare

常用高度——获取浏览器窗口的高度(jquery和js)

jquery的用法: <script type="text/javascript"> $(document).ready(function() { alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 (这儿也是包括滚动条的) alert($(document.body).height());//浏览器时下窗口文档body的高度 (这儿也是包括滚动条的)

JavaScript获取浏览器类型与版本

原文:http://www.cnblogs.com/xdp-gacl/p/3926848.html 从网上找到一段使用JavaScript判断浏览器以及浏览器版本的比较好的代码,在此记录一下: <script type="text/javascript"> var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[

javascript实现浏览器窗口传递参数

a.html Java代码   <html> <head> <title>主页面</title> <script language="javascript" type="text/javascript"> function OpenNew() { var im=new IDAndMethod(); im.ID=document.getElementById("txtID").value;

Query 获取浏览器窗口的高度和宽度

我们使用JQuery开发的过程中我们有时会根据浏览器窗口的位置定位,下面就讲解一下获取浏览器窗口尺寸的一些方法. 浏览器可视区域尺寸,注意这里指的不是浏览器窗口尺寸,也不是页面尺寸,我们可以想象成是我们能看到的文档面积大小 当前浏览器窗口中可视区域高度:$(window).height() 当前浏览器窗口中可视区域宽度:$(window).width() 浏览器整个文档的尺寸 当前文档的高度:$(document).height() 当前文档的宽度:$(document).width() 浏览器

JavaScript获取浏览器高度和宽度值(documentElement,clientHeight,offsetHeight,scrollHeight,scrollTop,offsetParent,offsetY,innerHeight)

IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中:  document.body.clientWidth ==> BODY对象宽度 document.

javascript获取浏览器高度与宽度信息

网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全文高:document.body.scrollHeight网页被卷去的高:document.body.scrollTop

获取浏览器窗口宽高问题总结

s  =  "网页可见区域宽:"+  document.body.clientWidth;  s  +=  "\r\n网页可见区域高:"+  document.body.clientHeight;  s  +=  "\r\n网页可见区域高:"+  document.body.offsetWeight  +"  (包括边线的宽)";  s  +=  "\r\n网页可见区域高:"+  document.body