说明

window对象表示在浏览器中打开的窗口

常见window的属性

screenX和screenY属性

说明

screenX和screenY属性返回窗口相对于屏幕的X和Y坐标

语法

window.screenX
window.screenY

常见的window的方法

getComputedStyle

说明

用于获取指定元素的CSS样式。[获取的样式是元素在浏览器中最终渲染效果的样式]
getComputedStyle可以使用document.defaultView或者window对象调用

注意

• float是js关键字，根据DOM2级的规范，取元素的float的时候应该使用cssFloat
• Firefox3.6中必须使用document.defaultView
• IE8 浏览器中 document.defaultView === window返回的是false外，其他的浏览器（包括IE9）返回的都是 true

语法

window.getComputedStyle(element, pseudoElement)
//或者  
document.defaultView.getComputedStyle(element, pseudoElement)  

参数

element: 必需，要获取样式的元素对象。
pseudoElement:可选，伪类元素，当不查询伪类元素的时候可以忽略或者传入null

返回对象

返回的对象是CSSStyleDeclaration类型的对象，可以使用属性取值,且取响应属性值时采用CSS驼峰式写法

Eg

运行结果

通过属性取值

element.style

说明

只能读取元素的内联样式,且可以读取和写入。
返回值为CSSStyleDeclaration类型

语法

//读取
element.style  
//写入  
element.style = newStyleContent

注意

• float是js关键字，根据DOM2级的规范，取元素的float的时候应该使用cssFloat

Eg

getComputedStyle与element.style的区别

共同点

• 二者返回值都是CSSStyleDeclaration类型，且取属性值都采用CSS驼峰式写法，都需要注意float属性

区别

• element.style只能读取内联样式，而getComputedStyle读取的是最终样式(包含内联、嵌入和外部样式)
• element.style支持读写，可直接通过element.style改写样式；而getComputedStyle只支持读取，无法修改

getPropertyValue

说明

返回指定的CSS属性值

语法

object.getPropertyValue(propertyname)

参数

propertyname: 字符串类型，表示要检测的属性名
object：必须为CSSStyleDeclaration