原生JS-10

window对象的事件
1.onload：页面加载事件
2.onunload：页面卸载事件
3.onscroll: 滚动事件
4.onresize：窗口改变时触发的事件
window对象的属性
location
href
reload()
replace()
history
back()
farword()
go()

Navigator
appName
appCodeName
appVersion

screen
height
width

日期与时间对象,常用方法
getFullYear();
getMonth();
getDate();
getDay();

getHours();
getMinutes();
getSeconds();

setFullYear();
setMonth();
setDate();

setHours();
setMinutes();
setSeconds();

toLocaleString();
toLocaleDateString()
toLocaleTimeString()
• 如何获取页面的宽度
• document.body.clientWidth
• document.documentElement.clientWidth
• 兼容写法：
var wid = document.body.clientWidth || document.documentElement.clientWidth;
• 注意：获取到的clientWidth是一个数值类型的数据
• 如何获取页面的高度
• document.body.clientHeight
• document.documentElement. clientHeight
• 兼容写法：
var wid = document.body. clientHeight || document.documentElement. clientHeight;
• 注意：获取到的clientHeight是一个数值类型的数据
• onmouseover：鼠标移动某元素上时触发事件
• onmouseout：鼠标从某元素上移走时触发事件
• 获取元素的滚动条向下移动的距离，可以使用如下格式：元素.scrollTop
• window对象的事件
• onload：页面加载完成后执行某些操作（先加载HTML标签，然后执行js代码）
• onunload：页面卸载时要执行的操作，也就是指关闭页面时的操作
• onscroll：页面被滚动时执行的操作，即在拖动滚动条时执行的操作
• onresize：页面尺寸被更改时执行的操作，也就是页面的放大或缩小
• window对象的属性
• status：控制浏览器的状态栏
• location：注意location是window对象的一个属性，另外它本身也是一个对象，自己也具有方法和属性，location对象的属性和方法有
• href属性：控制地址里面的地址信息
• reload()方法：重新加载页面
• replace()方法：替换当前页面，格式replace(“新的地址”);
• history属性：注意history本身也是一个对象，它可以控制页面的浏览记录，常用方法有
• back()：后退到当前页的上一个浏览记录
• forward():前进到当前页的下一个浏览记录
• go()：跳转到浏览记录中的任意一个页面，格式go(数值)，数值可以是正数、也可以是负数，如1，表示下一个浏览记录，如-1，表示上一个浏览记录
• navigator属性：作用是用来控制浏览器的相关信息，如浏览器名称、浏览器版本号，注意它也是对象
• appName浏览器名称，谷歌、火狐浏览器的名称都为Netscape
• appCodeName：浏览器代码名称，，谷歌、火狐浏览器的名称都为Netscape
• appVersion：获取浏览器的版本
• screen属性：获取窗口的相关信息，即获取电脑的分辨率，本身也是对象
• width
• height
• 日期和时间对象
• 如何创建日期和时间对象
• var 变量名 = new Date();返回值为系统当前日期和时间
• var 变量名 = new Date(“年-月-日 时:分:秒”)；
• var 变量名 = new Date(“年/月/日 时:分:秒”);
• var 变量名 = new Date(“年 月 日 时:分:秒”);
• var 变量名 = Date();返回系统当前日期和时间
• 日期和时间对象所具有的方法
• getFullYear():获取年份，格式日期：对象.getFullYear();
• getMonth()：获取月份，格式：对象.getMonth();返回值为0-11,0表示1月份11表示12月份
• getDate()：获取日，格式：对象.getDate();
• getDay()：获取星期，格式：对象.getDay();返回值为0-6,0表示星期日
• getHours()：获取小时，格式：对象.getHours();
• getMinutes()：获取分钟，格式：对象.getMinutes();
• getSeconds()：获取秒，格式：对象.getSeconds();
• setFullYear():对年进行赋值，格式：对象.setFullYear(新的年份);
• setMonth()：对月份进行赋值，格式：对象.setMonth(新的月份);如月份超过12，那么年会加1
• setDate()：设置日，格式：对象.setDate();超过31进位一天
• setHours()：设置小时，格式：对象.setHours()，超过24进位
• setMinuts()：设置分钟，格式：对象.setMinutes(),超过60进位
• setSeconds()：设置秒，格式：对象.setSeconds(),超过60进位
• 在页面中输出 2017年5月19日 星期日 12:03:04