HTML5基础之七(document和window对象下的一些属性)

document.defaultView:返回window对象

document.images:返回当前文档的所有image标签

H5里面新增的查询方法:document.querySelector(),document.querySelectorAll()

 

window下的一些成员

window.innerWidth/innerHeight:获取window内容区域的宽

window.outerWidth/outerHeight:获取窗口宽度包含菜单滚动条等

elem.clientWidth/clientWidth:包含padding,不包含margin和border

window.pageXOffset:窗口水平滚动条滚动的距离

window.pageYOffset:窗口垂直滚动条滚动的距离

window.screen:返回一个屏幕对象Screen

window.screenLeft/screenX:当前窗口距离显示器屏幕左边的间距

window.screenTop/screenY:当前窗口距离显示器屏幕右边的间距

window.blur():失去焦点

window.close():关闭当前窗口

window.focus():聚焦

window.print():跳出打印页

window.stop():停止加载

window.scrollBy(x,y):相当于当前位置设置滚动条

window.scrollTo(x,y):滚动到指定位置

 

window是顶级对象:下面有三个重要的对象document,history,location

window和document是可以相互找到的(window.document===document,window===document.defaultView)

window.postMessage:跨文档通信,例如:

.

 

事件冒泡和事件捕获的区别:事件触发的元素(冒泡从当前元素开始往上触发,捕获从HTML元素开始往下直到当前元素)

Event.eventPhase(CAPTURING_PHASE,BUBBLING_PHASE冒泡,AT_TARGET目标)

阻止冒泡:e.stopPropagation()

onmouseenter和onmouseover(后者会在子元素上面触发,多次触发,类似mouseleave和mouseout)

readystatechange事件:文档的readyState属性变化时触发

onabort:文档或资源放弃加载

onerror:文档或资源加载错误

onhashchange:当hash值(#)改变时触发

onload:当文档或资源加载完成

onpopstate:history触发

onresize:窗口大小改变时触发

onunload:文档从浏览器或窗口卸载时触发(关闭)

 

作者:张雪飞
出处:https://zhangxuefei.site/p/1244
版权说明:欢迎转载,但必须注明出处,并在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

发表评论

电子邮件地址不会被公开。 必填项已用*标注