BOM对象 - 浏览器对象模型
window.innerWidth; -- 浏览器窗口的内部高度
window.innerHeight; -- 浏览器窗口的内部宽度
window.open(); -- 打开一个新的窗口
window.close(); -- 关闭当前的窗口
var innerHeight = window.innerHeight;
console.log(innerHeight);
var innerWidth = window.innerWidth;
console.log(innerWidth);
var open1 = window.open("xxx"); -- 弹窗,打开一个新的窗口
window 是BOM中的顶层对象 - 相当于宰相
BOM其他对象都属于window的子对象
一、navigator 对象
var appName = navigator.appName;
console.log(appName);
var appVersion = navigator.appVersion;
console.log(appVersion);
var userAgent = navigator.userAgent;
console.log(userAgent);
var platform = navigator.platform;
console.log(platform);
二、screen 对象(了解) - 屏幕对象
screen.availHeight; //可用屏幕的高度
screen.availWidth; //可用屏幕的宽度
history; window.history - 获取到当前浏览器的历史记录
var history = window.history;
console.log(history);
history.forward();
history.back();
location对象
var location = window.location;
console.log(location);
var href = location.href = "http://www.baidu.com";
console.log(href);
location.reload();
三、弹出框
警告框,确认框,提示框
1.警告框:alert
alert("LOL S9决赛开始了,菜鸡互啄");
2.确认框:confirm
confirm("你确定玩菜鸡亚索嘛?");
3.提示框:prompt
var s = prompt("请在屏幕下方输入","你的答案");
console.log(s);
四、定时器
setTimeout() 设置 / clearTimeout() 取消
var timeout = setTimeout(function () {
alert("hello world!");
},1000);
clearTimeout(timeout);
五、setInterval / cleanInterval
var interval = setInterval(function () {
var date = new Date();
console.log(date.toLocaleTimeString());
},1000);
clearInterval(interval);