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