首先,这是个痛苦的尝试。
在工作中尝试把一个FLASH居中全屏放置,窗口RESIZE的时候和页面SCROLL的时候都要动态变化,需要取得当前窗口显示区域的WIDTH与HEIGHT,翻了翻资料脑子就一半面一半水搅匀了。类似的参数我全列出来:
window.screen.width: | document.body.offsetWidth: | document.documentElement.offsetWidth: |
window.screen.height: | document.body.offsetHeight: | document.documentElement.offsetHeight: |
window.screen.availWidth: | document.body.scrollWidth: | document.documentElement.scrollWidth: |
window.screen.availHeight: | document.body.scrollHeight: | document.documentElement.scrollHeight: |
window.scrollMaxX: | document.body.scrollLeft: | document.documentElement.scrollLeft: |
window.scrollMaxY: | document.body.scrollTop: | document.documentElement.scrollTop: |
window.scrollX: | document.body.clientTop: | document.documentElement.clientTop: |
window.scrollY: | document.body.clientLeft: | document.documentElement.clientLeft: |
window.pageXOffset: | document.body.clientWidth: | document.documentElement.clientWidth: |
window.pageYOffset: | document.body.clientHeight: | document.documentElement.clientHeight: |
window.screenX: | document.width: | |
window.screenY: | document.height: | |
window.innerWidth: | ||
window.innerHeight: | ||
window.screen.availTop | ||
window.screen.availLeft |
而且我痛苦的发现,同一个属性,在不同的浏览器的JS取值是不一样的,甚至是无效的,就算都在IE中不同版本的值也不一样的,W3C的标准就从没被完整执行过,微软丈着本钱厚,肆意修改其定义,而且朝三暮四,同样一个事在版本升级时也搞出不同的标准来,一看开发组群就不是一个娘养的。
就在同一个版本同一浏览器中,标准模式与混杂模式的定义也大不相同,比如document.documentElement.scrollWidth和document.body.scrollWidth,在混杂模式中,后者有效前者无效,在标准模式中前者有效后者无效,直接让人崩溃。无奈之下,把这个参数用JS统一列出来,一个个做实验,这才做成了一个完整的结果。如下表,当然,这只是在标准模式下,混杂模式我一般不用,也没精力去研究了。
IE6 | IE8 | FF | OPREA | CHROME | |
window.screen.width: | 屏幕宽 | ||||
window.screen.height: | 屏幕高 | ||||
window.screen.availWidth: | 窗口最大化后宽度 | ||||
window.screen.availHeight: | 窗口最大后的高度 | ||||
window.scrollMaxX: | 最大横向滚动幅度,即BODY加左MARGIN减去窗口显示区不含滚动棒的宽度后的值 | ||||
window.scrollMaxY: | 最大纵向滚动幅度,即BODY加上下MARGIN减去窗口显示区不含滚动棒的高度后的值 | ||||
window.scrollX: | 左滚动值 | ||||
window.scrollY: | 上滚动值 | ||||
window.pageXOffset: | 左滚动值 | ||||
window.pageYOffset: | 上滚动值 | ||||
window.screenX: | 窗口左上角离屏幕左上角横向距离 | 标准模式下均为0. | 窗口左上角离屏幕左上角横向距离 | ||
window.screenY: | 窗口左上角离屏幕左上角纵向距离 | 标准模式下均为0. | 窗口左上角离屏幕左上角纵向距离 | ||
window.innerWidth: | 窗口显示区宽含滚动棒,同IE8的document.documentElement.offsetWidth: | ||||
window.innerHeight: | 窗口显示区高含滚动棒,同IE的document.documentElement.offsetHeight: | ||||
window.screen.availTop | 窗口最大化后的window.screenX: | 窗口最大化后的window.screenX: | |||
window.screen.availLeft | 窗口最大化后的window.screenY: | 窗口最大化后的window.screenY: | |||
document.body.offsetWidth: | 窗口显示区不含滚动棒宽度减去左右margin值后的数字/BODY宽度两者取大值 | 窗口显示区不含滚动棒宽度减左右MARGIN,最小为0 | |||
document.body.offsetHeight: | BODY高度,不含滚动棒与MARGIN | ||||
document.body.scrollWidth: | 同IE6的document.body.offsetWidth: | 同IE8,FF,oprea的document.body.offsetWidth: | 浏览器窗口的宽度,最小值取BODY加MARGINLEFT值,不含滚动棒 | ||
document.body.scrollHeight: | 同IE,FF,OPREA的document.body.offsetHeight: | BODY高度加MARGIN值/窗口显示区高度不含滚动棒取两者取其大 | |||
document.body.scrollLeft: | 标准模式下均为0. | 左滚动值 | |||
document.body.scrollTop: | 上滚动值 | ||||
document.body.clientTop: | 标准模式下均为0. | ||||
document.body.clientLeft: | 标准模式下均为0. | ||||
document.body.clientWidth: | 窗口显示区不含滚动棒宽度/BODY宽度两者之最大值 | 同IE8,FF,oprea的document.body.offsetWidth: | |||
document.body.clientHeight: | 同IE,FF,OPREA的document.body.offsetHeight: | ||||
document.documentElement.offsetWidth: | 窗口显示区的宽度,含滚动棒 | 浏览器窗口的宽度,不含滚动棒 | |||
document.documentElement.offsetHeight: | 窗口显示区的高度,含滚动棒 | BODY高度加MARGIN | |||
document.documentElement.scrollWidth: | 窗口显示区宽度不含滚动棒/BODY加两边MARGIN两者中大值 | 窗口显示区不含滚动棒宽度/BODY宽度加左GARGIN值两者中最大值 | |||
document.documentElement.scrollHeight: | BODY的高度 | BODY加上下MARGIN值 | 窗口显示区不含滚动棒高度/body加上下MARGIN两者中最大值 | 同IE8 | |
document.documentElement.scrollLeft: | 左滚动值 | 0 | |||
document.documentElement.scrollTop: | 上滚动值 | 0 | |||
document.documentElement.clientTop: | 2 | 标准模式下均为0. | |||
document.documentElement.clientLeft: | 2 | 标准模式下均为0. | |||
document.documentElement.clientWidth: | 窗口显示区的宽度,不含滚动棒 | ||||
document.documentElement.clientHeight: | 窗口显示区的高度,不含滚动棒 | ||||
document.width: | 同IE8,FF,oprea的document.body.offsetWidth: | 同document.body.scrollWidth | |||
document.height: | 同IE8,FF,oprea的document.body.offsetWidth: | document.body.scrollHeight |
dl.vmall.com/c04ppdyue2
dl.vmall.com/c0qvltzstz
dl.vmall.com/c0ha4v9pe6
dl.vmall.com/c0vu4wuqpy
dl.vmall.com/c046oy046m
dl.vmall.com/c0gl6k4ol1
dl.vmall.com/c0vrvtu42v
dl.vmall.com/c0uupet6jd
dl.vmall.com/c0lemn41oq
dl.vmall.com/c08nzdu6ys
dl.vmall.com/c0v8c6lmh9
dl.vmall.com/c0wwghfjbf
dl.vmall.com/c0de44f56y
dl.vmall.com/c0s8bfbf6e
dl.vmall.com/c09ef0pavv
dl.vmall.com/c0xizl5wqz
dl.vmall.com/c0dzzbxl7o
dl.vmall.com/c04sw19n2h
dl.vmall.com/c0p9qweaau
dl.vmall.com/c0ru8gzvoi
dl.vmall.com/c0crprakti
dl.vmall.com/c0cqraops3
dl.vmall.com/c0h782axis
dl.vmall.com/c09kbisfhf
dl.vmall.com/c0y3dka8fs
dl.vmall.com/c00anhylie
dl.vmall.com/c0za7q7w34
dl.vmall.com/c06dujqpdf
dl.vmall.com/c0zqi3rk0m
dl.vmall.com/c0bjwghhtk
dl.vmall.com/c0wcyvjz1d
dl.vmall.com/c0slrf1nbp
dl.vmall.com/c060zuqww7
dl.vmall.com/c0bao3vhj6
dl.vmall.com/c0msk1j9mh
dl.vmall.com/c08lp0lbw1
dl.vmall.com/c03fxy7q7b
dl.vmall.com/c02t2g45lr
dl.vmall.com/c07d131ea5
dl.vmall.com/c0iav37pyt
dl.vmall.com/c0azfat95u
dl.vmall.com/c0ujo92ozm
dl.vmall.com/c0oqkf95q6
dl.vmall.com/c0kk7hs267
dl.vmall.com/c0s7ainqr2
dl.vmall.com/c0qil67ciu
dl.vmall.com/c0y5gaa82q
dl.vmall.com/c0ufh95ivm
dl.vmall.com/c0gehtzjq2
dl.vmall.com/c0pjtzp326
dl.vmall.com/c08tsshvev
dl.vmall.com/c0ad5hv5q9
dl.vmall.com/c09tcfo81h
dl.vmall.com/c0a0uqnj6t
dl.vmall.com/c0a8nq5rpp
dl.vmall.com/c0xxa5ofy5
dl.vmall.com/c0eusqfskh
dl.vmall.com/c09ewwup9s
dl.vmall.com/c06w5p6w7c
dl.vmall.com/c01mt0owfc
dl.vmall.com/c0n0kkhg0t
dl.vmall.com/c0ylzjnwjn
dl.vmall.com/c0vef3rbib
dl.vmall.com/c07v8abfzr
dl.vmall.com/c0jcqdgbz2
dl.vmall.com/c0wzheedlf
dl.vmall.com/c0idedd97t
dl.vmall.com/c09fe7pg8b
dl.vmall.com/c0haga7p4y
dl.vmall.com/c05kpn1h4p
dl.vmall.com/c0eowpg2fc
dl.vmall.com/c0dkx26s8j
dl.vmall.com/c0epuk6vep
dl.vmall.com/c0fvemapnw
dl.vmall.com/c0pgw45ejb
dl.vmall.com/c04dcu6uaa
dl.vmall.com/c082epkkkc
dl.vmall.com/c0qlj3llcw
dl.vmall.com/c0fal28ydm
dl.vmall.com/c01ltoba5i
dl.vmall.com/c03si3jg5j
dl.vmall.com/c0pqj07aaa
dl.vmall.com/c0t0vsd5g6
dl.vmall.com/c0z81yodoj
dl.vmall.com/c0maiagji5
dl.vmall.com/c0b3hz7j32
dl.vmall.com/c0i99fz15e
dl.vmall.com/c03t6hw4qp
dl.vmall.com/c0n6zck7fq
dl.vmall.com/c0znmhg91g
dl.vmall.com/c0zu7tcmwc
dl.vmall.com/c0i38dj44n
dl.vmall.com/c00zdlnsaf
dl.vmall.com/c0p3pqcckr
dl.vmall.com/c03ajzmfrj
dl.vmall.com/c075ggmpe3
dl.vmall.com/c0iko0upa9
dl.vmall.com/c0481t47cm
dl.vmall.com/c0h09gkwie
dl.vmall.com/c051sp1xkk
dl.vmall.com/c05alq67z4
dl.vmall.com/c0btrz2h1j
dl.vmall.com/c050ismvqo
dl.vmall.com/c061u5ojid
dl.vmall.com/c0ay9a36lu
dl.vmall.com/c0baokeiu1
dl.vmall.com/c0xb0htcno
dl.vmall.com/c0c6coo7n5
dl.vmall.com/c07r2l4b2k
dl.vmall.com/c00ngwx1j6
dl.vmall.com/c0hcaj6ot5
dl.vmall.com/c0hj50qwwn
dl.vmall.com/c0a8yfu1fu
dl.vmall.com/c0o3ogorap
dl.vmall.com/c0mpgze5lm
dl.vmall.com/c0devvmuth
dl.vmall.com/c098hi0cda
dl.vmall.com/c0vmtc02mv
dl.vmall.com/c0wj9l3pfu
dl.vmall.com/c0yprqa690
dl.vmall.com/c0tgj0d9k9
dl.vmall.com/c0o2tk37lt
dl.vmall.com/c0q4pwhy2q
dl.vmall.com/c0arm509aa
dl.vmall.com/c09e31qifb
dl.vmall.com/c0dk50cdyk
dl.vmall.com/c0sbalboqb
dl.vmall.com/c0q4kx4prq
dl.vmall.com/c0ipb37jkw
dl.vmall.com/c0ms2rzy34
dl.vmall.com/c0n6ltqtix
dl.vmall.com/c0f36m07t8
dl.vmall.com/c0h5q0bd0r
dl.vmall.com/c0uam9zhz8
dl.vmall.com/c0sd5dxwai
dl.vmall.com/c0ulgqmukf
dl.vmall.com/c08e71rl0l
dl.vmall.com/c0zcv58hs7
dl.vmall.com/c0cxzo0ak2
dl.vmall.com/c035na85es
dl.vmall.com/c0zck1ou4y
dl.vmall.com/c0v9r0je2g
dl.vmall.com/c03x15irhy
dl.vmall.com/c0uabjuxxw
dl.vmall.com/c0at3yxuac
dl.vmall.com/c0172uryj0
dl.vmall.com/c0fjl683c0
dl.vmall.com/c08bws4lpj
dl.vmall.com/c0tzxv4cbl
dl.vmall.com/c0l07ikhmf
dl.vmall.com/c0ri1j3ai7
dl.vmall.com/c0bhlqxoh6
dl.vmall.com/c07y779kng
dl.vmall.com/c0dpema8ng
dl.vmall.com/c0og8citsh
dl.vmall.com/c0p562ca7v
dl.vmall.com/c0rmwhz3p8
dl.vmall.com/c0a47b4dzb
dl.vmall.com/c0hpy2tsdd
dl.vmall.com/c04pdmora7
dl.vmall.com/c08s5ziohi
dl.vmall.com/c0p22m04d4
dl.vmall.com/c0922dblcx
dl.vmall.com/c0opbjnss7
dl.vmall.com/c0i1i9015j
dl.vmall.com/c02m0ijfdh
dl.vmall.com/c092za8lln
dl.vmall.com/c0uot3kta2
dl.vmall.com/c0vuaih7yx
dl.vmall.com/c0ye9ms3g5
dl.vmall.com/c0c8dejdof
dl.vmall.com/c08e1qr47a
dl.vmall.com/c016qsljga
dl.vmall.com/c02vbkibk6
dl.vmall.com/c0304yhoeg
dl.vmall.com/c081bs3mej
dl.vmall.com/c0gbh3sbua
dl.vmall.com/c0lealcngz
dl.vmall.com/c0q3hjqpsj
dl.vmall.com/c094n8c31y
dl.vmall.com/c0sz3643mm
dl.vmall.com/c0x6nmmzln
dl.vmall.com/c08xlnyl7n
dl.vmall.com/c0ya6fm6h4
dl.vmall.com/c0e0ryjplo
dl.vmall.com/c064q6pqbk
dl.vmall.com/c0nr1qgc25
dl.vmall.com/c0z4ny5ze7
dl.vmall.com/c0fo632uaa
dl.vmall.com/c00az0hq7a
dl.vmall.com/c0mhmz0e3r
dl.vmall.com/c0rqi5pu93
dl.vmall.com/c0jjr3dmdl
dl.vmall.com/c0oohcky5v
dl.vmall.com/c07kgx2qkc
dl.vmall.com/c050atuqca
dl.vmall.com/c0aqsyw83j
dl.vmall.com/c0k12zcmkz
dl.vmall.com/c0lnrgef45
dl.vmall.com/c0kkxi5k1g
dl.vmall.com/c0aave1kwc
dl.vmall.com/c0r4zcpj2j
dl.vmall.com/c0e4b78yrz
dl.vmall.com/c0gnwgb6n7
dl.vmall.com/c0nz8zy7za
dl.vmall.com/c0akukbzh6
dl.vmall.com/c0v0k4p4v1
dl.vmall.com/c0rj4py6wv