🌴 2022.3.22 早八
文章目录
前言
3.6 常用对象
3.6.1 String对象
🚀 属性
🚁 length
<script type="text/javascript">
var txt = "Hello World!";
document.write(txt.length);
</script>
🚀 方法
🚁 indexOf()
参数 | 描述 |
---|
start | 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 string Object.length - 1。如省略该参数,则将从字符串的首字符开始检索 |
🚁 substr()
参数 | 描述 |
---|
start | 必需。要抽取的子串的起始下标。必须是数值。如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推 |
length | 可选。子串中的字符数。必须是数值。如果省略了该参数,那么返回从 stringObject 的开始位置到结尾的字串 |
🚁 substring()
参数 | 描述 |
---|
from | 起始下标是1 |
to | 一个非负的整数,如果大于字符串长度或省略该参数,那么返回的子串会一直到字符串的结尾 |
🚁 replace()
参数 | 描述 |
---|
searchvalue | 规定子字符串或要替换的对象。如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象 |
newvalue | 必需。一个字符串值。规定了替换文本或生成替换文本的函数 |
var s = "Mr Blue has a blue house and a blue car";
var a = s.replace("blue","red");
var b = s.replace(/blue/g,"red");
var c = s.replace(/blue/gi,"red");
🚁 split()
参数 | 描述 |
---|
separator | 字符串或正则表达式,从该参数指定的地方分割 string Object。 |
limit | 该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。 |
var str="How are you doing today?";
var n=str.split(" ",3);
3.6.2 Math对象
🚀 属性
属性 | 描述 |
---|
E | 返回算术常量 e,即自然对数的底数(约等于2.718) |
LN2 | 返回 2 的自然对数(约等于0.693) |
LN10 | 返回 10 的自然对数(约等于2.302) |
LOG2E | e 的对数(约等于 1.414) |
LOG10E | e 的对数(约等于0.434) |
PI | 返回圆周率(约等于3.14159) |
SQRT1_2 | 返回返回 2 的平方根的倒数(约等于 0.707) |
SQRT2 | 返回 2 的平方根(约等于 1.414) |
🚀 方法
方法 | 描述 |
---|
abs(x) | 返回 x 的绝对值 |
acos(x) | 返回 x 的反余弦值 |
asin(x) | 返回 x 的反正弦值 |
atan(x) | 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值 |
atan2(y,x) | 返回从 x 轴到点 (x,y) 的角度(介于 -PI/2 与 PI/2 弧度之间) |
ceil(x) | 对数进行上舍入 |
cos(x) | 返回数的余弦 |
exp(x) | 返回 Ex 的指数 |
floor(x) | 对 x 进行下舍入 |
log(x) | 返回数的自然对数 |
max(x,y,z,…,n) | 返回 x,y,z,…,n 中的最高值 |
min(x,y,z,…,n) | 返回 x,y,z,…,n中的最低值 |
pow(x,y) | 返回 x 的 y 次幂 |
random() | 返回 0 ~ 1 之间的随机数 |
sin(x) | 返回数的正弦 |
sqrt(x) | 返回数的平方根 |
tan(x) | 返回角的正切 |
3.6.3 Date对象
🚀 创建Date对象
var d = new Date();
var d = new Date(milliseconds);
var d = new Date(dateString);
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);
var today = new Date();
var d1 = new Date("September 24, 2017 11:13:00");
var d2 = new Date(2017,8,24);
var d3 = new Date(2017,8,24,11,33,0);
方法 | 描述 | 方法 | 描述 |
---|
getDate() | 从 Date 对象返回一个月中的某一天 (1 ~ 31) | setDate() | 设置 Date 对象中月的某一天 (1 ~ 31)。 |
getDay() | 从 Date 对象返回一周中的某一天 (0 ~ 6) | setFullYear() | 设置 Date 对象中的年份(四位数字)。 |
getFullYear() | 从 Date 对象以四位数字返回年份 | setHours() | 设置 Date 对象中的小时 (0 ~ 23)。 |
getHours() | 返回 Date 对象的小时 (0 ~ 23) | setMilliseconds() | 设置 Date 对象中的毫秒 (0 ~ 999)。 |
getMilliseconds() | 返回 Date 对象的毫秒(0 ~ 999) | setMinutes() | 设置 Date 对象中的分钟 (0 ~ 59)。 |
getMinutes() | 返回 Date 对象的分钟 (0 ~ 59) | setMonth() | 设置 Date 对象中月份 (0 ~ 11)。 |
getMonth() | 从 Date 对象返回月份 (0 ~ 11) | setSeconds() | 设置 Date 对象中的秒钟 (0 ~ 59)。 |
getSeconds() | 返回 Date 对象的秒数 (0 ~ 59) | setTime() | setTime() 方法以毫秒设置 Date 对象。 |
getTime() | 返回 1970 年 1 月 1 日至今的毫秒数 | setUTCDate() | 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。 |
getTimezoneOffset() | 返回本地时间与格林威治标准时间 (GMT) 的分钟差 | setUTCFullYear() | 根据世界时设置 Date 对象中的年份(四位数字)。 |
getUTCDate() | 根据世界时从 Date 对象返回月中的一天 (1 ~ 31) | setUTCHours() | 根据世界时设置 Date 对象中的小时 (0 ~ 23)。 |
getUTCDay() | 根据世界时从 Date 对象返回周中的一天 (0 ~ 6) | setUTCMilliseconds() | 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。 |
getUTCFullYear() | 根据世界时从 Date 对象返回四位数的年份 | setUTCMinutes() | 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。 |
getUTCHours() | 根据世界时返回 Date 对象的小时 (0 ~ 23) | setUTCMonth() | 根据世界时设置 Date 对象中的月份 (0 ~ 11)。 |
getUTCMilliseconds() | 根据世界时返回 Date 对象的毫秒(0 ~ 999) | setUTCSeconds() | setUTCSeconds() 方法用于根据世界时 (UTC) 设置指定时间的秒字段。 |
getUTCMinutes() | 根据世界时返回 Date 对象的分钟 (0 ~ 59) | parse() | 返回1970年1月1日午夜到指定日期(字符串)的毫秒数 |
getUTCMonth() | 根据世界时从 Date 对象返回月份 (0 ~ 11) | getUTCSeconds() | 根据世界时返回 Date 对象的秒钟 (0 ~ 59) |
方法 | 描述 |
---|
toDateString() | 把 Date 对象的日期部分转换为字符串。 |
toISOString() | 使用 ISO 标准返回字符串的日期格式。 |
toJSON() | 以 JSON 数据格式返回日期字符串。 |
toLocaleDateString() | 根据本地时间格式,把 Date 对象的日期部分转换为字符串。 |
toLocaleTimeString() | 根据本地时间格式,把 Date 对象的时间部分转换为字符串。 |
toLocaleString() | 据本地时间格式,把 Date 对象转换为字符串。 |
toString() | 把 Date 对象转换为字符串。 |
toTimeString() | 把 Date 对象的时间部分转换为字符串。 |
toUTCString() | 根据世界时,把 Date 对象转换为字符串。 |
UTC() | 根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。 |
valueOf() | 返回 Date 对象的原始值。 |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p id="my-p">asd</p>
</body>
<script>
var p=document.getElementById('my-p')
setInterval(function(){
p.innerHTML=getDateStr()
},100)
function getDateStr(){
var date=new Date()
var s=date.toLocaleDateString().replace('/','年').replace('/','月')+'日'
var arr=['星期日','星期一','星期二','星期三','星期四','星期五','星期六']
s=s+arr[date.getDay()]
s=s+' '+date.toLocaleTimeString()
return s
}
</script>
</html>
3.6.4 Window对象
🚀 Window对象的属性
Window 对象属性、方法
🚁 open()方法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
function open_win() {
window.open("https://blog.csdn.net/qq_49488584?spm=1011.2124.3001.5343", "_blank",
"toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400"
);
}
</script>
</head>
<body>
<form>
<input type="button" value="打开窗口" onclick="open_win()">
</form>
</body>
</html>
🚁 close()方法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
function open_win() {
myWindow=window.open("https://blog.csdn.net/qq_49488584?spm=1011.2124.3001.5343", "_blank",
"toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400"
);
}
function close_win(){
myWindow.close();
}
</script>
</head>
<body>
<form>
<input type="button" value="打开窗口" onclick="open_win()">
<input type="button" value="关闭窗口" onclick="close_win()">
</form>
</body>
</html>