1.window对象:ES提供的最大的对象,浏览器类(浏览器打开的一个页面)下面的对象。
1.1.alert()方法:弹出一个信息框,将括号里面的值输出信息框内,信息框具有阻止代码继续执行的能力(选择确定继续执行后续的代码)。
window.alert(1 + 2);
window.alert(“hello”);
alert(12 + 12);
1.2.prompt()方法:弹出一个输入框,类似于表单,可以输入对应的值。
window.prompt(“请输入你的名字:”);//括号里面填写输入框提示文字
window.prompt(“请输入你的名字:”, “张三”); //括号里面第一个值输入框提示文字,第二个是输入的默认值
prompt输入的值为一段字符串,如果想要使用其他类型的数据,需要将用户输入的数据转换成对应的数据后再使用,直接使用可能会造成隐性的代码bug很难发现;
1.3.confirm()方法:弹出一个选择框,返回对应的布尔值
window.confirm(“你确定要删除吗?”); //选择确定返回真(true),选择取消返回假(false)
1.4.onscroll 事件:拖动浏览器的滚动条就会触发
1.5.onresize 事件:浏览器窗口缩放就会触发(页面可视区域发生变化就会触发)
1.6.onload 事件: 在页面或图像加载完成后立即发生。
window相关的事件和可视区和滚动条的距离。
onload/onresize/onscroll
document.documentElement.clientWidth
document.documentElement.clientHeight
document.documentElement.scrollTop
document.documentElement.scrollLeft