BOM对象
BOM操作
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>BOM对象</title>
<script>
//BOM - 浏览器对象模型
/*
window.innerWidth -- 浏览器窗口的内部宽度
window.innerHeight -- 浏览器窗口的内部高度
window.open(); -- 打开新的窗口
window.close(); -- 关闭当前的窗口
navigator 对象
*/
var appVersion = navigator.appVersion;//获取浏览器的厂商和版本信息
var appCodeName = navigator.appCodeName;//
console.log(appVersion)
console.log(appCodeName)
//弹出框 --- 警告框,确认框,提示框
//1.警告框
//alert(",,,");
//2.确认框
//confirm("sssss")
//3.提示框
//prompt("sada");
// screen 对象 - 屏幕对象
screen.availHeight; // 可用屏幕的高度
screen.availWidth; // 可用屏幕的宽度
//history; window.history - 获取到当前浏览器的历史
var history = window.history;
console.log(history);
history.forward();
history.back();
window.onload = function () {
//当页面加载完成之后执行。包括了CSS,图像,脚本
}
window.onunload =function () {
//当用户推出页面时执行。
}
//定时器
//setTimeout() / clearTimeout()
//创建一个定时器,1000毫秒后执行,返回定时器的标识
var timeout = setTimeout(function () {
alert("Hello World");
},1000);
//取消定时器
clearTimeout(timeout)
var interval = setInterval(function () {
var date = new Date();
console.log(date.toLocaleDateString())
},1000);
clearInterval(interval);
</script>
</head>
<body>
</body>
</html>