JavaScript----BOM基础

BOM基础

BOM也叫浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。

一． window对象

window对象就是BOM的核心对象。

【1】 Window对象属性：

1，history ----- 保存有窗口最近加载的URL

2，location ----- 获取当前窗口的URL 与【document.location】相同

【2】 Window对象方法：

1，系统对话框：

     alert()     -----   警告框 

     confirm()   ----   提示框  带有确定和取消    ，一个参数，-----返回布尔值。

     prompt()    -----  输入提示框， 带有确定和取消，两个个参数，------返回输入值或null。

     print()      -----   弹出打印机框

2,新建窗口

  Open()      -----打开一个新窗口  

       第一个参数：url    ----   新窗口打开地址

       第二个参数：  '_blank' 、'_self'   -- 窗口目标

       第三个参数: 窗口配置： 'width=100,height=100’,top=100,left=100'

   opener      ------打开父窗口 
   
       例如：window.opener.document.write(‘aaa’);

3,定时器

setInterval() ----- 定时执行

setTimeout() ----- 延时执行

clearInterval() ---- 注销定时器

clearTimeout() ---- 注销定时器

二． location对象

Location对象是获取当前窗口中加载的文档有关的信息的对象，

它既是document对象的属性，也是window对象的属性。

一，属性：

location.port ----- 获取当前端口号
location.hostname ----- 获取当前主机名
location.protocol ----- 获取当前浏览器协议

location.search ----- 获取?号后的字href符串，常用于获取
到跨域传递数据
注意：设置时会不停跳转。

location.href ----- 跳转到指定url地址

属性：href与src的区别：

Href ----表示跳转到或链接到外部的一个URL地址上。

Src ---- 表示将外部一个文件引入到当前文档中。
----- 重新加载，速度最快，可能会从【缓存】中加载

location.reload()
----- 重新加载，强制从服务器源头加载

location.reload(true)
----- 没有历史记录的路径跳转
location.replace(‘http://www.baidu.com’)

三． history对象

history对象是window对象的属性，它保存着用户上网的记录，从窗口被打开的那一刻算起。

【1】属性：

history.length ----- history对象中的历史记录数

【2】方法：

history.back(); ------- 前往浏览器历史条目前一个URL，类似后退

history.forward(); ------- 前往浏览器历史条目下一个URL，类似前进

history.go(num) ------- 前往浏览器中指定历史条目
0 ---- 当前页
1 ---- 下一页
-1 ---- 上一页