第二阶段： 简单调试、BOM：window：history、document、location的属性，方法应用

1、程序调试
快捷键：
F8是下一个断点
F10:单步调试
F11:进入被调函数
shift+F11:返回主调函数
Ctrl+F8:屏蔽断点
2、BOM对象概念
1、什么是BOM?
浏览器对象模型（Browser Object Model）。BOM提供了独立于内容的、可以与浏览器窗口进行互动的对象结构
1）window属性：
history 有关客户访问过的URL的信息
location 有关当前 URL 的信息
2）window对象的方法
prompt( ) 显示可提示用户输入的对话框
alert( ) 显示带有一个提示信息和一个确定按钮的警示框
confirm( ) 显示一个带有提示信息、确定和取消按钮的对话框
close( ) 关闭浏览器窗口
open( ) 打开一个新的浏览器窗口，加载给定 URL 所指定的文档
setTimeout( ) 在指定的毫秒数后调用函数或计算表达式
setInterval( ) 按照指定的周期（以毫秒计）来调用函数或表达式
3）、history对象
该对象是用来访问历史记录的。
back() 加载 history 对象列表中的前一个URL
forward() 加载 history 对象列表中的下一个URL
go() 加载 history 对象列表中的某个具体URL
history.back()等价于go(-1);
history.forward()等价于go(1);

下一个页面c.html

返回上一个页面a.html

返回下一个页面
4、location对象
1)属性：
host 设置或返回主机名和当前URL的端口号
hostname 设置或返回当前URL的主机名
href 设置或返回完整的URL
2）方法
reload() 重新加载当前文档
replace() 用新的文档替换当前文档
案例：演示location对象的属性
主机：是用一个url标识的字符串，比如http://www.baidu.com.可以通过url来描述，也可以通过ip地址来描述。
端口：一台主机上可能安装不同的服务器，比如FTP服务器，比如Tomcat服务器,比如邮件服务器等。比如MySQL
数据库服务器。但是用户定位到该台服务器的时候是通过ip地址定位的。多个服务要区分用端口号来区分。
5、Document对象
referrer 返回载入当前文档的URL
URL 返回当前文档的URL
属性的使用，防盗链

b、方法
getElementById() 返回对拥有指定id的第一个对象的引用
getElementsByName() 返回带有指定名称的对象的集合
getElementsByTagName() 返回带有指定标签名的对象的集合
write() 向文档写文本、HTML表达式或JavaScript代码