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

页面导航:首页 > 网络编程 > JavaScript > Javascript:获取浏览器窗口和屏幕的可用宽高

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

来源: 作者: 时间:2016-02-03 09:20 【

1 获取浏览器窗口的有效宽高(不包括工具栏和滚动条)注:对于绝大部分浏览器使用window innerWidth即可获取宽度,使用document documentElement clientWidth || document body clientWidth 为了实现对IE6,

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+"
"); document.write("当前页面的路径和文件名: "+location.pathname+"
"); document.write("web 主机的端口: "+location.port+"
"); document.write("所使用的 web 协议: "+location.protocol+"
"); document.write("当前页面的url: "+location.href+"
");



Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<