BOM 浏览器对象模型
BOM里的一个核心对象 window
js是单线程的语言,但是我们可以通过超时调用或者间歇调用来调度代码
超时调用
setTimeout()
作用:在指定的毫秒数(时间)后执行函数
参数:两个参数
要执行的函数(必须)
?以毫秒表示的时间(可选 默认 0)
返回值:是一个数字,是当前setTimeout的id,可以通过这个id取消执行
clearTimeout()
作用: 取消某个超时调用
参数:1参数
超时调用的id
间歇调用
setInterval()
作用:在指定的毫秒数(时间)周期,重复调用函数
直到窗口关闭,或者调用clearInterval()
参数:两个参数
要执行的函数(必须)
以毫秒表示的时间(可选 默认 0) 但是如果不写 很危险
返回值:是一个数字,是当前setInterval的id,可以通过这个id取消执行
clearInterval(id);
系统对话框
调用系统对话框向用户提示消息,当对话框显示的时候 代码会暂停执行
关掉后 代码继续执行
alert()
作用:警告框/提示框
参数:字符串 显示给用户
返回值:无 undefined
confirm()
作用:确认对话框 有确认和取消两个按钮
参数:字符串 显示给用户
返回值:点击确认返回true 点击取消返回false
prompt()
作用:提示用户输入文本 有确认和取消两个按钮
参数:字符串 显示给用户
返回值:点击确认返回用户输入的文本 点击取消返回null
Location
BOM对象之一
提供当前窗口加载的文档的一些信息,还导航功能
既是window的对象 又是document的对象
属性
host: "127.0.0.1:5500" 服务器名称和端口号
hostname: "127.0.0.1" 服务器名称
href: "http://127.0.0.1:5500/ES5/day13/5-Location.html" 当前页面的完整路径
origin: "http://127.0.0.1:5500"
pathname: "/ES5/day13/5-Location.html"
port: "5500" 端口号
protocol: "http:" 协议
方法
assign()
作用:载入一个新的url 并且生成一条新的浏览记录 可以回退
replace()
作用:用新的url替换当前url 不会生成新的记录 不可以回退
reload()
作用:重新加载当前显示的页面
参数为 true 时会强制刷新
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()