前端知识点总结

一.实用的BOM对象属性方法

BOM(Browser Object Model)是指浏览器对象模型,是用于描述这种对象与对象之间层次关系的模型,浏览器对象提供了独立于内容的、可与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的window对象是BOM的顶层对象,其它对象都是该对象的子对象。

BOM主要包括以下几个:

项目 作用位置
window 浏览器窗口
location 地址栏
history 浏览历史
screen 显示器屏幕
navigator 浏览器软件
document 网页

1.window对象主要的属性:

(1)name:指定浏览器窗口的名字。
(2)frames[]:返回窗口中所有命名的框架。
(3)pageXOffset:表示文档向右滚动的像素数。IE不支持,使用scrollLeft代替。
(4)pageYOffset:表示文档向下滚过的像素数。IE不支持,使用scrollTop代替。
(5)parent返回父窗口。
(6)top返回最顶层的先辈窗口。
(7)self返回当前窗口的引用,等价于window的属性。
(8)screenLeft/screenTop/screenX/screenY:浏览器中文档窗口的左上角在屏幕上的x和y座标,只读属性。IE,Safari,Opera支持screenLeft和screenTop,而Firefox和safari支持ScreenX和ScreenY。
(9)innerHeight:窗口中文档区域显示的高度,不含菜单栏工具栏等部分。IE不支持使用html的clientHeight代替(innerWidth同)。
(10)outHeight:表示浏览器的高度,包含工具和菜单栏等。IE不支持此属性且没有提供可代替的属性。(outWidth同)。
document.documentElement 就是html标记对象
document.body 就是标记对

2.window对象的主要方法:

(1)alert:弹出对话框。
(2)prompt([text],[defaulttext]):弹出一个输入对话框。
(3)confirm(text)弹出一个确认对话框,
(4)close()关闭窗口
(5)open([url],[name],[option])打开一个新窗口。
(6)延时器setTimeout()可以实现js的异步执行。
(7)定时器setInertval()。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章