06-BOM - 操作浏览器

用于客户端浏览器的操作

弹窗类型

依附于window对象,写代码时默认从window出发

方法名	作用
alert()	提示框
confirm()	确认框，有返回值：确认--true 否则--false
prompt()	输入框,返回用户输入的值

窗体开关

方法名	作用
open(地址，打开方式)	打开指定地址
close()	关闭当前窗体

操作历史记录

用history对象调用

方法名	作用
forward()	前进页面
back()	后退页面
go(整数)	正整数：前进指定个数页面<br />负整数：后退指定个数页面

地址栏操作

用loaction对象调用

方法名（属性名）	作用
href	当前窗体所在地址
replace()	替换当前窗体地址（访问新页面）
reload()	重新加载地址（刷新）

超时函数

• 执行setTimeOut方法，指定时间后自动调用

• 该函数有id返回值用于关闭时调用

// 开启

var id = setTimeOut(函数对象,时间);

// 关闭

clearTimeOut(id);

事件

• 事件源：触发事件的源头

• 监听器：监控源头，一旦触发就执行事件处理

• 事件处理：触发事件后进行的操作

绑定

方式一

直接在HTML元素上绑定

<标签名 on事件名=“处理方法”>

<button onclick="test()">点击</button>

方式二

在JS代码中添加事件

DOM元素.on事件名 = 事件处理（函数对象）

方式三

方法名（属性名）	作用
DOM元素.addEventListener("事件名"，"事件处理函数");	添加事件
DOM元素.removeEventListener("事件名","被执行的函数")	移除事件

常见事件

方法名（属性名）	作用	应用场景
onload	预加载事件	页面初始
onclick	单击事件	按钮、a标签
onblur	失去焦点事件	输入框
onchange	改变事件	下拉框
onkeydown	键盘按下事件	登录注册
onkeyup	键盘松开事件	登录注册

密码：<input type="password" onkeydown="test()"/>
<!--按回车 登录-->
<script>
    function test(){
        // 获取对应按键
        if(event.keyCode==13){
            console.log("执行登录逻辑");
        }
    }
</script>