屏幕的效果很高。
window.screen.availheight
window.screen.availwidth
网页宽度是可见的:document.body.clientwidth
网页的高度:document.body.clientheight
页面的宽度是可见的:document.body.offsetwidth(包括边框的宽度)
网页页面上可见:document.body.offsetheight(包括边框的宽度)
该网页的全文是:document.body.scrollwidth宽
该网页的全文是:document.body.scrollheight
网页的高度:document.body.scrolltop
网页滚动左:document.body.scrollleft
在网页的页面:window.screentop
网页的页面部分:window.screenleft
屏幕分辨率高:window.screen.height
该屏幕分辨率:屏幕分辨率的宽宽度
屏幕可用于
工作区高度:window.screen.availheight
屏幕可用工作区宽度:window.screen.availwidth
HTML定位准确:scrollLeft,scrollwidth,clientwidth,offsetwidth
scrollheight:获取对象的滚动高度。
ScrollLeft:
设置或获取远程对象的左边缘与窗口中当前可见的内容最左端之间
ScrollTop:设置或获取远程对象的顶部之间的顶部窗口中可见的内容
ScrollWidth:获取对象的滚动的宽度
offsetheight:得到家长的高度坐标的对象相对于布局或由家长offsetparent
属性指定坐标
offsetleft:获取的对象相对于布局或母坐标的计算offsetparent属性指定的左边
位置 offsettop:获取的对象相对于布局或父母的offsettop属性指定坐标计算的顶部位置
相关
文件的event.clientx水平坐标
相关文件的event.clienty垂直坐标
event.offsetx相对容器的水平坐标
event.offsety相对容器的纵坐标
价值document.documentelement.scrolltop垂直方向滚动
事件的数量。ClientX + document.documentelement.scrolltop相对于
文档的水平坐标和垂直方向
IE
浏览器,Firefox的差异如下:
IE6.0,ff1.06 +:
clientwidth =宽+填充
自己=高度+填充
offsetwidth =宽+填料+边界
offsetheight =高度+填料+边界
IE5.0 / 5.5:
clientwidth =宽边界
自己=高度边界
offsetwidth =宽度
offsetheight =高度
(有必要提一下:在CSS的边缘属性是
独立的clientwidth,offsetwidth,自己,offsetheight)。
uff0d uff0d uff0d uff0d uff0d uff0d uff0d uff0d uff0d uff0d uff0d uff0d uff0d uff0d uff0d uff0d uff0d uff0d uff0d
技术要点
本节主要使用窗口上的文档对象的属性,这些属性的主要
功能和用法如下。
获取窗口大小不同的浏览器需要使用不同的属性和
方法:
检测的真实大小的窗口,需要在Netscape使用窗口属性;在IE需要主体进一步文件的内部测试;DOM中的环境,如果你想走到窗口的大小,需要注意到根元素的大小,而不是元素。
Window对象的innerwidth属性包含当前窗口的内部宽度,窗口对象的innerheight属性包含当前窗口的高度。
文档对象的本体属性对应的HTML文档的标签,文档对象的文档元素}属性代表了HTML文档的根节点。
document.body.clientheight表示当前高度的窗口中的HTML文档是located.document.body。clientwidth表示当前窗口的宽度,HTML文档位于。
源
程序解释
(1)程序首先建立一个窗体,其中包含两个
文本框,用于
显示窗口的当前宽度和高度,其值随窗口的大小而变化。
(2)在随后的Javascript代码,两个变量的第一个定义,winwidth和winheight,用来
保存高度和宽度的窗口。
(3)然后,在功能finddimensions(),window.innerheight和window.innerwidth得到窗口的高度和宽度,并分别存储在上述两个变量。
(4)通过文档内部
检查主体,获取窗口的大小,并将其存储在两个以前的变量中。
(5)在
函数的结尾,表单元素通过名称访问,结果输出到两个文本框中。
(6)在Javascript代码的结束,整个
操作是通过调用finddimensions做()函数。