// 浏览器历史记录
// 也就是浏览器跳转过的页面的记录
// window.history 属性中存储浏览器的历史记录
// 是当前这个窗口的浏览记录,新窗口打开的页面,不算浏览记录
// window.history.length 次数
// window.history.back() 上一个浏览的页面
// window.history.forward() 下一个浏览的页面
// window.history.go() 跳转
// 小括号中,设定数值和 正负号
// +数值 向下一个跳转的次数
// -数值 向上一个跳转的次数
// 次数计算 : 结束页面 - 起始页面
// 错误跳转次数,没有执行效果
// window.history.back() 效果 等于 window.history.go(-1)
// window.history.forward() 效果 等于 window.history.go(1)
// 存储与浏览器配置等相关的信息 window.navigator
// window.navigator.userAgent 浏览器型号,内核,版本等相关信息
// window.navigator.appVersion 浏览器版本信息
// window.navigator.appName 浏览器名称 Netscape 网景公司名称
// window.navigator.platform 浏览器操作系统
<script>
// js代码在html代码之前
// 执行这个js代码时,html代码还没有执行,无法正确获取到div标签
// window.onload 定义的程序,会在html程序加载过所有内容之后,再执行
window.onload = function(){
// 代码执行时,HTML程序已经加载完毕,HTML标签已经存在
// 可以正确获取标签对象
var oDiv = document.querySelector('div');
console.log(oDiv);
}
</script>
<div>123</div>
<script>
// 1, widow.onload 浏览器加载事件
// 让定义的程序在浏览器所有内容都加载之后,再执行
// 2, window.onscroll 浏览器滚动条监听事件
// 浏览器滚动条位置发生改变时会触发
// 3, window.onresize 浏览器窗口监听事件
// 浏览器窗口大小发生改变是会触发
// 4, window.open() 在新窗口打开页面事件
// window.location.href 在本窗口打开页面
// 5, window.close() 关闭当前窗口
window.onresize = function(){
console.log(123);
}
var oDiv = document.querySelector('div');
oDiv.addEventListener('click' , function(){
window.open('https://www.baidu.com');
window.close();
})
</script>