JavaScript之Bom

JavaScript—Browser 对象

Navigator 对象

属性：
appName 返回浏览器的名称。
appVersion 返回浏览器的平台和版本信息。
userAgent 返回由客户机发送服务器的 user-agent 头部的值。
platform 返回运行浏览器的操作系统平台。
cpuClass 返回浏览器系统的 CPU 等级。

Screen 对象

属性
availHeight 返回显示屏幕的高度 (除 Windows 任务栏之外)。
availWidth 返回显示屏幕的宽度 (除 Windows 任务栏之外)。
height 返回显示屏幕的高度。
width 返回显示器屏幕的宽度。
updateInterval 设置或返回屏幕的刷新率。

History 对象

属性：
length 返回浏览器历史列表中的 URL 数量。

方法：
back() 加载 history 列表中的前一个 URL。
forward() 加载 history 列表中的下一个 URL。
go() 加载 history 列表中的某个具体页面。

history：请求的url的历史记录
- 创建三个页面
1、创建第一个页面 a.html 写一个超链接 到 b.html
2、创建b.html 超链接 到 c.html
3、创建c.html
- 到访问的上一个页面
history.back();
history.go(-1);
- 到访问的下一个页面
history.forward();
history.go(1);

Location 对象

属性：
host 设置或返回主机名和当前 URL 的端口号。
hostname 设置或返回当前 URL 的主机名。
href 设置或返回完整的 URL。
reload() 重新加载当前文档。

主要作用：
- href属性
** 获取到请求的url地址
- document.write(location.href);
** 设置url地址
- 页面上安置一个按钮，按钮上绑定一个事件，当我点击这个按钮，页面可以跳转到另外一个页面
- location.href = “hello.html”;
**
- 鼠标点击事件 οnclick=”js的方法;”

Window 对象

属性：
length 设置或返回窗口中的框架数量。
name 设置或返回窗口的名称。
opener 返回对创建此窗口的窗口的引用。
方法：
alert() 显示带有一段消息和一个确认按钮的警告框。
blur() 把键盘焦点从顶层窗口移开。
clearInterval() 取消由 setInterval() 设置的 timeout。
clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
close() 关闭浏览器窗口。
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
open() 打开一个新的浏览器窗口或查找一个已命名的窗口。
prompt() 显示可提示用户输入的对话框。
setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式。
setTimeout() 在指定的毫秒数后调用函数或计算表达式。

主要使用： window.alert() : 页面弹出一个框，显示内容
** 简写alert()
- confirm()： 确认框
- var flag = window.confirm(“显示的内容”);
- prompt()： 输入的对话框
- window.prompt(“please input : “,”0”);
- window.prompt(“在显示的内容”,”输入框里面的默认值”);
- open() :　打开一个新的窗口
** open(“打开的新窗口的地址url”,”“,”窗口特征，比如窗口宽度和高度”)
- 创建一个按钮，点击这个按钮，打开一个新的窗口
- window.open(“hello.html”,”“,”width=200,height=100”);
- close(): 关闭窗口(浏览器兼容性比较差)
- window.close();
- 做定时器
** setInterval(“js代码”,毫秒数) 1秒=1000毫秒
- 表示每三秒，执行一次alert方法
window.setInterval(“alert(‘123’);”,3000);
** setTimeout(“js代码”,毫秒数)
- 表示在毫秒数之后执行，但是只会执行一次
- 表示四秒之后执行js代码，只会执行一次
window.setTimeout(“alert(‘abc’);”,4000);
** clearInterval(): 清除setInterval设置的定时器
var id1 = setInterval(“alert(‘123’);”,3000);//通过setInterval会有一个返回值
clearInterval(id1);
** clearTimeout() : 清除setTimeout设置的定时器
var id2 = setTimeout(“alert(‘abc’);”,4000);
clearTimeout(id2);