Javascript---浏览器窗口可视区域大小

Javascript---浏览器窗口可视区域大小

在IE 9+,Chrome, Firefox、Opera,Safari中

  浏览器窗口的内部高度   window.innerHeight

  浏览器窗口的内部宽度   window.innerWindth

在所有浏览器都通用的JS方案

   宽度

1 var w =document.documentElement.clientWidth
2 var w =document.body.clientWidth

  高度

1 var w =document.document.Element.clientHeight
2 var w =document.body.clientHeight

  网页尺寸

  获取内容高度   scrollHeight   

  获取内容宽度   scrollWidth    

1 var W= document.documentElement.scrollWidth;
2 var H = document.documentElement.scrollHeight;

 

时间: 2024-10-14 09:26:50

Javascript---浏览器窗口可视区域大小的相关文章

浏览器窗口可视区域大小

http://www.imooc.com/code/1702 浏览器窗口可视区域大小 获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法: 一.对于IE9+.Chrome.Firefox.Opera 以及 Safari: •  window.innerHeight - 浏览器窗口的内部高度 •  window.innerWidth - 浏览器窗口的内部宽度 二.对于 Internet Explorer 8.7.6.5: •  document.documentElement.cli

js获取浏览器窗口可视区域大小

获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法: 一.对于IE9+.Chrome.Firefox.Opera 以及 Safari: •  window.innerHeight - 浏览器窗口的内部高度 •  window.innerWidth - 浏览器窗口的内部宽度 二.对于 Internet Explorer 8.7.6.5: •  document.documentElement.clientHeight表示HTML文档所在窗口的当前高度. •  document.doc

Android获取窗口可视区域大小: getWindowVisibleDisplayFrame()

getWindowVisibleDisplayFrame()方法 getWindowVisibleDisplayFrame()是View类下的一个方法,从方法的名字就可以看出,它是用来获取当前窗口可视区域大小的.就是contentParentView +actionbar的高度 此方法的原型为 public void getWindowVisibleDisplayFrame(Rect outRect); 1 它接受一个Rect对象作为参数,执行过程中会根据当前窗口可视区域大小更新outRect的

js获取各种浏览器窗口可视部分大小(可视部分不包含工具栏、标签栏等)

js获取各种浏览器窗口可视宽度和高度(不包含工具栏和标签栏). function getViewportSize(w){ w= w || window; //除了IE8以及更早版本外,其它浏览器都能用 if(w.innerWidth != null){ return { w:w.innerWidth, h:w.innerHeight } }; //对标准模式下的IE或任何浏览器 var d=w.document; if(document.compatMode == "CSS1Compat&quo

图解js中常用的判断浏览器窗体、用户屏幕可视区域大小位置的方法

有时我们需要获得浏览器窗口或屏幕的大小.窗口下拉框下拉的距离等数据,对应这些需求,js中提供了不少解决方法,只是数量稍多容易混淆它们各自的意义,下面咱们用图例来解释下12个常见对象属性的作用. 其中有6个常用的浏览器窗体属性(由于offsetWidth/Height在不同浏览器下表现有出入,故不在本章讨论): document.documentElement.clientWidth document.documentElement.clientHeight document.documentEl

转载 JS获取当前手机浏览器可视区域大小

这是才是正确的答案: var w=window.innerWidth|| document.documentElement.clientWidth || document.body.clientWidth; var h=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; 这是操蛋的答案: function getInfo(){ var s = ""; s +

JS获取当前手机浏览器可视区域大小

function getInfo(){ var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth+"\n"; s += " 网页可见区域高:"+ document.body.clientHeight+"\n"; s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条

javascript浏览器窗口之间传递数据

摘要: 在项目开发中我们经常会遇到弹窗,有的是通过div模拟弹窗效果,有的是通过iframe,也有通过window自带的open函数打开一个新的窗口.今天给大家分享的是最后一种通过window.open()函数打开页面进行数据交互.首先看下效果图: 原理: 父窗口给子窗口传递数据是通过url的参数传递过去,子窗口给父窗口传递数据是通过父窗口的全局函数传递. 代码: index.html <!DOCTYPE html> <html lang="en"> <h

javascript获取窗口位置、绝对位置、事件位置等

有段时间没更新博客了,工作实在太忙了,加班加班再加班就是我们这个行业的常态吧...还好最近把工作进度完成了,终于有些空余时间了.关于<Javascript高级程序设计>系列,我并没有弃坑,只不过最近在把这本书读第二遍,主要针对一些第一遍没看懂的部分,完成之后我会继续更新的. 这篇文字主要一下三方面内容: 一.javascript获取事件位置 二.Javascript获取dom对象位置 三.Javascript获取绝对坐标 四.浏览器相对桌面位置 一.javascript获取事件位置 首先上图,