BOM
一、概述
《javaScript高级程序设计》这本书讲过: javaScript = ECMAScript + DOM + BOM。
-
DOM:文档对象模型(document对象)
-
BOM:浏览器对象模型
二、Window对象(全局对象)
windows对象是全局对象,所有在浏览器可以直接使用的方法都是window对象的方法,其中document对象和alert()方法就是window的属性,使用时window.document和window.alert() 一般可省略window。
1 计时器方法(之前写过,不赘述)
2 弹出框方法
猜数字的实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BOM</title>
</head>
<body>
<script>
// alert("hello from other side");
// let str = prompt("请输入你的名字:");
// console.log(str); 可以在终端进行显示
// let result = confirm("确定是否删除此条记录");
// console.log(result); //点击确定的时候是true 取消的时候是false
//实现猜数字的功能
let target = Math.floor(Math.random() * 100 + 1);
//递归函数:在函数体内调用自己
function gussNumber(){
let number = prompt("请输入你猜的数字:");
if(number == target){
alert("恭喜你!你猜对了!");
}else if(number > target){
alert("大于目标结果。");
gussNumber();//自己调用自己,递归函数
}else{
alert("小于目标结果。");
gussNumber(); //没有猜对,继续猜数
}
}
gussNumber(); //调用测试
</script>
</body>
</html>
三、location对象
- location.href - 属性返回当前页面的URL - “https://www.baidu.com”
- location.hostname - 主机的域名 - “wwww.baidu.com”
- location.pathname - 当前页面的路径和文件名 “/s”
- location.port - 端口 - “8080”
- loaction.protocol - 协议 - “https:”
四、navigator对象
navigator.userAgent 检查当前设备,并在控制台输出
navigator.userAgent
"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36 Edg/92.0.902.73"
五 screen对象
包含有关用户屏幕的信息
六 history对象
包含浏览器的历史