时间
Date对象方法及运算
BOM
window中常用方法
window常用事件-onload加载事件和onunload卸载事件
window中常用事件-onscroll滚动事件
window中常用事件-onresize窗口变化事件
时间
//格里尼治时间
//世界协调时间(1970年1月1日0点)
Date对象方法及运算
var d = Date();
console.log(d);
//Tue Sep 04 2018 18:17:52 GMT+0800 (中国标准时间)
var date = new Date();
console.log(date);
var date = new Date("2013-10-01");
console.log(date);
var date = new Date();
console.log(date.getFullYear());
console.log(date.toLocaleTimeString());
//BOM(browser object model) 浏览器的对象模型,是一个用于访问浏览器和计算机屏幕的对象的集合。可以通过全局对象window来访问这些对象。
//DOM 操作页面内容
console.log(window.document);
console.log(window.frames);
console.log(window.navigator);
console.log(window.screen);
console.log(window.location);
console.log(window.history);
index.js
function func(){
window.location.href="second.html";
}
index.html
<script src="index.js" type="text/javascript" charset="utf-8"></script>
<button onclick="func()"></button>
function func(){
//true代表缓存,如果是true,先从缓存获取
window.location.reload(true);
window.location.href="second.html";
//历史记录会留下痕迹
window.location.assign("second.html");
//历史记录不会留下痕迹
window.location.replace("second.html");
//操作历史记录
window.history.back();
window.history.forward();
window.history.go(-2);
}
window常用函数
function func(){
//标签页打开与关闭
window.open("second.html");
window.close("second.html");
}
window常用事件
触发,执行一段代码
onload
//当页面完全加载成功触发该事件
window.onload = function(){
alert("xxx");
}
alert("yyy");
/*先执行yyy,然后再出现xxx*/
scroll事件
window.onscroll = function(){
console.log("滚动时进行触发");
}
resize时间
window.onresize = function(){
console.log("窗口大小发生改变");
}