原生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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,825评论 0 8
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,406评论 1 41
  • 变量命名、声明、赋值 1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。2.变量名区分...
    wq04200阅读 650评论 0 1
  • 《正念的奇迹》这本书中让我印象比较深刻的是两个词组:“庸人自扰之”和“专一”。该书算是一本佛学书籍,书中提到...
    Sim2阅读 449评论 0 1
  • 股价终将回归基本面 许多投资人会将“基本面”和“合理股价”画上等号,并认为与股市长期来说,应该会有一个合理价位,或...
    胖山楂球阅读 464评论 0 0