«

Object Date location

yang 发布于 阅读:405 JS中阶阶段


1.Object的两个高级方法

1.1 Object.assign()【掌握】

js1
2
Object.assign(目标对象,对象1,对象n)
使目标对象合并一个或多个对象,返回一个合并后的新对象,会改变原对象

1.2 Object.keys()【掌握】

js1
2
Object.keys(对象):返回指定对象的键名数组
Object.values(对象):返回指定对象的键值数组

2.Date对象【了解】

js1
2
3
4
5
6
7
8
9
10
11
// 创建date对象
let date = new Date()
let y =  date.getFullYear() // 从 Date 对象以四位数字返回年份
let M = date.getMonth()  // 从 Date 对象返回月份 (0 ~ 11)
let d =  date.getDate() // 从 Date 对象返回一个月中的某一天 (1 ~ 31)
let h = date.getHours() // 返回 Date 对象的小时 (0 ~ 23)
let m = date.getMinutes() // 返回 Date 对象的分钟 (0 ~ 59)
let s =  date.getSeconds() // 返回 Date 对象的秒数 (0 ~ 59)
let week = date.getDay() //  从 Date 对象返回一周中的某一天 (0 ~ 6)
let time = date.getTime() // 返回 1970 年 1 月 1 日至今的毫秒数
let fomatDate = date.toLocaleString() // 根据本地时间格式,把 Date 对象转换为字符串

3.location对象

3.1 location对象常用属性【掌握】

属性名 作用
location.protocol 协议部分
location.host 主机
location.hostname 主机名
location.port 端口
location.pathname 协议部分
location.search 参数部分
location.hash 哈希部分
location.href 获取资源路径

3.2 location对象常用方法【了解】

方法名 作用
location.reload() 刷新页面

3.3 location对象事件【了解】

事件名 作用
hashchange 哈希值发生变化时触发

4.history对象【了解】

4.1 history常用方法

属性或方法名 作用
history.back() 回退一页
history.forward() 前进一页
history.go(页数) 前往指定页数
history.length 历史记录长度

4.2 历史记录栈【了解】

js1
2
3
4
history.state 历史记录栈,用于跨页面传参时保存数据
// state传递的数据对象格式 title标题暂时没用 url目标路径指定给哪个页面传参
history.pushState(state,title,url)
window.onpopstate() // 用于监听页面前进或后退,一般用于跳转页面后刷新页面状态

版权所有:微4e
文章标题:Object Date location
除非注明,文章均为 微4e 原创,请勿用于任何商业用途,禁止转载

推荐阅读:


扫描二维码,在手机上阅读
请先 登录 再评论