JS获取当前时间(年月日时分秒)
//获取当前时间
getNowTime() {
var date = new Date();
//年 getFullYear():四位数字返回年份
var year = date.getFullYear(); //getFullYear()代替getYear()
//月 getMonth():0 ~ 11
var month = date.getMonth() + 1;
//日 getDate():(1 ~ 31)
var day = date.getDate();
//时 getHours():(0 ~ 23)
var hour = date.getHours();
//分 getMinutes(): (0 ~ 59)
var minute = date.getMinutes();
//秒 getSeconds():(0 ~ 59)
var second = date.getSeconds();
var time = '当前时间是:' + year + '-' + this.addZero(month) + '-' + this.addZero(day) + ' ' + this.addZero(hour) + ':' + this.addZero(minute) + ':' + this.addZero(second);
return time;
},
//小于10的拼接上0字符串
addZero(s) {
return s < 10 ? ('0' + s) : s;
}
JS获得屏幕的高度宽度
1,获取屏幕的宽度: window.screen.width //整个屏幕的宽度
2,获取屏幕的高度: window.screen.height //整个屏幕的高度
3,获取网页的宽高(不含边框)。
3,1 :document.body.scrollWidth
3,2 获取整个网页的高度:document.body.scrollHeight
4,获取body的宽高(不含边框)。
4,1 获取整个body的宽度:document.body.clientWidth
4,2 获取整个body的高度:document.body.clientHeight
5,获取body的宽高(含边框)。
5,1 获取网页内body的宽度:document.body.offsetWidth //offset包括边框
5,2 获取网页内body的高度:document.body.offsetHeight
6,获取元素到顶部的距离。
6,1 获取元素到顶部的距离:document.getElementsByClassName(“div”)[0].offsetTop
6,2 获取元素到左边的距离:document.getElementsByClassName(“div”)[0].offsetLeft
JavaScript 类型转换
将字符串转换为数字
全局方法Number()可以将字符串转换为数字。
将数字转换为字符串
全局方法String()可以将数字转换为字符串。
// 全局方法 String() 可以将数字转换为字符串。
String(x) // 将变量 x 转换为字符串并返回
String(123) // 将数字 123 转换为字符串并返回
String(100 + 23) // 将数字表达式转换为字符串并返回
// Number 方法 toString() 也是有同样的效果。
(123).toString() // 将数字 123 转换为字符串并返回
(100 + 23).toString()
// 全局方法 String() 可以将布尔值转换为字符串。 方法 toString() 也有相同的效果
String(false) // 返回 "false"
String(true) // 返回 "true"
//全局方法 String() 可以将日期对象转换为字符串。
String(new Date())
// =========================================================
// 全局方法 Number() 可以将字符串转换为数字。
/*
字符串包含数字(如 "3.14") 转换为数字 (如 3.14).
空字符串转换为 0。
其他的字符串会转换为 NaN (不是个数字)。
*/
Number("3.14") // 返回3.14
Number(" ") // 返回0
Number("") // 返回 0
Number("99 88") // 返回 NaN
// 全局方法 Number() 可将布尔值转换为数字。
Number(false) // 返回0
Number(true) // 返回 1
// 将日期转换为数字 全局方法 Number()
d = new Date();
Number(d) // 返回 1404568027739
//日期方法 getTime() 也有相同的效果。
d = new Date();
d.getTime() // 返回 1404568027739
网友评论