firefox,safari,opera,chrome 为确定浏览器窗口的大小都提供了4个属性:
innerWidth ,innerHeight,outerWidth,outerHeight
在Safari和firefox中,outerWidth,outerHeight返回浏览器窗口本身的尺寸(无论是从最外层的window对象还是从某个框架访问)
在opera中,这两个属性的值表示页面视图容器(指Opera中单个标签页对应的浏览器窗口)的大小。而innerWidth和innerHeight则表示该容器中页面视图区的大小(减去边框宽度)
在chrome中四个值返回相同的值,即视口(viewport)大小而非浏览器窗口大小。
IE没有提供取得当前浏览器窗口尺寸的属性,但是可以通过DOM提供页面可见区域的相关信息。
IE,Firefox,Safari,Opera,chrome中,document.documentElement.clientWidth 和document.documentElement.clientHeight中保存了页面视口的信息。
网友评论