BOM的全称browser object mode
css不可调整的一般都是浏览器的部分,比如:浏览器的滚动条、地址栏、关闭按钮、刷新按钮。
BOM可以操作浏览器:
//提示框
// window.alert()
//输入框
// window.prompt()
//询问框:返回值确定true,取消false
// window.confirm()
/* 浏览器的可视窗口:注意:获取的宽度和高度是包含滚动条在内的。 *///获取浏览器宽度// window.innerWidth()// console.log(window.innerWidth);//获取浏览器高度// window.innerHeight()
页面跳转:href 刷新:reload
/* 浏览器卷去的尺寸 */
// 必须有 ''
// console.log(document.documentElement.scrollTop);
// console.log(document.documentElement.scrollTop);
// 没有 ''
// console.log(document.body.scrollTop);
// console.log(document.body.scrollTop);
得到兼容写法:
页面1 去到页面2
window.scrollTo({left:0,top:0,behavior:"smooth"})
Document
点击后:
