BOM浏览器对象模型

BOM

BOM（Browser Object Model）浏览器对象模型

注意：：在JavaScript中，window对象是全局对象，所有的表达式都在当前环境中计算。

系统对话框

__浏览器可以通过调用系统对话框，向用户显示信息
系统提供了三个函数，可以完成系统对话框的操作

1. alert（） 直接弹出警告框
   参数，警告框上显示内容
   [window下的函数，都可以省略window直接去调用]

window.alert("警告框")；

2. confirm（） 弹出一个带有确定和取消的警告框。
   返回值：如果点击确定，返回true
   如果点击取消，返回false

var res = confirm("请选择确定和取消")；
alert(res);

• prompt () 弹出一个带输入框的提示框。
  参数1.要在提示框上显示的内容。
  参数2.输入框内默认的值。
  返回值：点击确定：返回值是输入的内容
  点击取消：返回值是null。

var res = prompt("请输入一个数 "，7)；
alert(res);

window下的open方法

通过window.open（）调用 ，或者直接open（）调用 。

个数	参数
1	要加载url
2	窗口的名称或窗口的目标
3	一串具有特殊意义的字符串

注意：

• 如果只有第一个窗口，调用open方法会打开新窗口，加载url。
• 如果有第一第二个参数，第二个参数是给打开的新窗口起一个名字，然后再去加载url，就在这个已经起好名字的目标窗口加载url。
• 第三个参数设置我当前打开的窗口的一些参数。

open("http://www.baidu.com","baidu","width=400,height=400,top=200,left=200");

补充：opener 打开当前窗口的父窗口的window对象（IE不支持）！！！

bom的location对象

location是BOM对象之一，它提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。location对象是window对象的属性，也是document对象的属性；所以window.location和document.location等效。

location 我们浏览器上的地址栏输入框

location对象的属性表格如下(url 统一资源定位符)

属性	描述的URL内容
hasho	如果该部分存在，表示锚点部分
host	主机名:端口号
hostname	主机名
href	整个URL
pathname	路径名
porto	端口号
protocol	协议部分
search	查询字符串

location对象的方法

方法	功能
assign()	跳转到指定页面，与href等效
reload()	重载当前url【（）括号里为true，强制加载，从服务器源头重新加载】
replace()	用新的url替换当前页面

bom的history对象

window对象的属性，它保存这个用户上网的记录。

history对象的属性

history.length 返回当前history对象中记录数 即历史记录的条数

history对象的方法

history.back() 返回上一条历史记录，类似于后退
history.forword();前进到下一条历史记录，类似前进
history.go()
参数： 参数为0时，重载当前页面
参数为正数时，前进对应数量的记录
参数为负数时，后退对应数量的记录

如果有错误，麻烦请指出来。谢谢 ！！萌新一枚！！