BOM里面的核心对象 window--->通过浏览器访问的一个重要API
#1.js
js是一个单线程的语言,但是我们可以通过超市调用或者间歇调用来调度代码。
(一)超市调用
setTimeout
作用:在指定的毫秒数(时间)后执行函数
参数:两个参数
要执行的函数(必须)
? 以毫秒表示的时间(可选 默认 0)
返回值:是一个数字,是当前setTimeout的id,可以通过这个id取消执行
clearTimeout
作用:取消某个超时调用
参数:一个参数
超时调用的id
(二)间歇调用
setInterval
作用:在指定的毫秒数(时间)周期,重复调用函数
直到窗口关闭,或者调用clearInterval()
参数:两个参数
要执行的函数(必须)
以毫秒表示的时间(可选 默认 0) 但是如果不写 很危险
返回值:是一个数字,是当前setInterval的id,可以通过这个id取消执行clearInterval(id);
#2.系统对话框—跟着浏览器走
调用系统对话框向用户提示消息,当对话框显示的时候,代码会暂停执行;关掉后,代码会继续执行。
alert() //可用于调试代码
作用: 警告框、提示框
阻塞代码运行
参数: 字符串 显示给用户
返回值:无 undefined
confirm()
作用: 确认对话框 有两个按钮:确认和取消
参数: 字符串 显示给用户
返回值:点击确认返回true 点击取消返回false
prompt() 带一个输入的对话框
作用: 提示用户输入文本的会话框 有确认和取消按钮
参数: 字符串 显示给用户
返回值:点击确认返回用户输入文本
3.Location
介绍
BOM对象之一
提供当前窗口加载的文档的一些信息,还导航功能
既是window的对象 又是document的对象
属性
host 服务器名称和端口号
hostname服务器名称
href 当前页面的完整路径URL
pathname 返回URL的目录和文件名
search 返回URL的查询字符串,这个字符串以问号开头
port 端口号
protocol 协议
方法
assign()
作用:载入一个新的url 并且生成一条新的浏览记录 可以回退
replace()
作用:用新的url替换当前url 不会生成新的记录 不可以回退
reload()
作用:重新加载当前显示的页面
参数为 true 时会强制刷新
4.history
作用
保存着用户的上网历史记录 出于安全考虑 我们无法得知用户浏览的url 但是我们可以拿到列表 实现 前进后退
属性
length 返回历史列表中的网址数
注意 Firefox Chrome Safari都是从1开始
IE 和Opera 从0开始
方法
back()
加载history列表中的前一个url
forward()
加载history列表中的下一个url
go()
加载列表中的某个具体页面
参数:数字 可以为负数
history.go(1); //forward()
history.go(-1); //back()