JavaScript初级——BOM
BOM使得JavaScript能与浏览器进行“对话”
- 主要是Window对象的操作
Window对象
- 对象:window对象表示浏览器中打开的窗口(每一个窗口都是一个对象)
- 特点:
- Window是全局对象,可以直接调用其方法和属性
- Window对象的一些方法和属性可省略不写 ,如:Window.document等同于document,windows.alert()等同于alert()
- 属性:
- history:用户在浏览器窗口中访问过的url
- location:地址栏的url
- document:对Document对象的只读引用
- screen:对Screen对象的只读引用
- status:设置窗口状态栏的文本
- 方法:
- prompt():弹窗
- alert():弹窗
- canfirm():弹窗
- open():在当前页面打开一个子页面(因为部分浏览器不支持该方法,所以极少用到)
- close():关闭打开的子页面
- setTimeout:一次性定时器
- setInterval:周期性定时器
注意:
- history、location、document对象是较为重要的对象,下面我们将介绍这三个对象
- 关于定时器部分,将记录在后续发布的文章中
history对象
- 方法:
- back():加载上一个浏览的文档
- forward():加载下一个浏览的文档
- go(n):n为整数,转跳到第n个浏览过的文档
- n==0,刷新当前页面
- n>0,向前转跳到第n个文档
- n<0,向后转跳到第n个文档
location对象
- 属性:
- host:设置或返回主机名和当前url的端口号
- hostname:设置和返回当前url的主机名
- href:设置或返回完整的url,可用于设置专题哦
- hash:设置或返回从“#”开始的url
- search:设置或返回从“?”开始的url
- 方法:
- reload():重新加载当前文档,并刷新页面
- replace():新的文档替换当前文档
document对象
- 作用:每个载入浏览器的html文档都会成为document对象
- 属性:
- title:设置或返回当前文档的标题
- 方法:
- write():向文档写HTML表达式或JavaScript代码
- getElementByid():返回对拥有指定id的第一个对象的引用
- getElementsByTagName():返回带有指定名称的对象集合
- getElementByName():返回带有指定名称的对象集合