1、 JavaScript 的三种弹出框(alert,confirm,prompt)

JavaScript 有三种类型的弹出框:警告框、确认框和提示框。

1. 警告框(alert)

如果要确保信息传递给用户,通常会使用警告框。
当警告框弹出时,用户将需要单击“确定”来继续。

  1. alert("hello world");
  2. alert("hello\nworld"); // \n 会使弹出框换行

image-20200506180023706

2. 确认框(confirm)

如果您希望用户验证或接受某个东西,则通常使用“确认”框。
当确认框弹出时,用户将不得不单击“确定”或“取消”来继续进行。
如果用户单击==“确定”,该框返回 true==。如果用户单击==“取消”,该框返回 false==。

  1. var i = confirm('hello world')
  2. console.log(i);//当点击确定时,打印true,点击取消时,打印false

image-20200506175358717

3. 提示框(prompt)

如果您希望用户在进入页面前输入值,通常会使用提示框。
当提示框弹出时,用户将不得不输入值后单击“确定”或点击“取消”来继续进行。

如果用户单击==“确定”,该框返回输入值==。如果用户单击==“取消”,该框返回 NULL==。
  1. var j = prompt('hello world')
  2. console.log(j);

image-20200506175729747
image-20200506175815454

2、JavaScript 中一些预定义方法

1. Array 对象方法

| 方法 | 描述 | | —- | —- |

| concat() | 连接两个或更多的数组,并返回结果。 |

| join() | 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 |

| pop() | 删除并返回数组的最后一个元素 |

| push() | 向数组的末尾添加一个或更多元素,并返回新的长度。 |

| reverse() | 颠倒数组中元素的顺序。 |

| shift() | 删除并返回数组的第一个元素 |

| slice() | 从某个已有的数组返回选定的元素 |

| sort() | 对数组的元素进行排序 |

| splice() | 删除元素,并向数组添加新元素。 |

| toSource() | 返回该对象的源代码。 |

| toString() | 把数组转换为字符串,并返回结果。 |

| toLocaleString() | 把数组转换为本地数组,并返回结果。 |

| unshift() | 向数组的开头添加一个或更多元素,并返回新的长度。 |

| valueOf() | 返回数组对象的原始值 |

2. Date 对象方法

| 方法 | 描述 | | —- | —- |

| Date() | 返回当日的日期和时间。 |

| getDate() | 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 |

| getDay() | 从 Date 对象返回一周中的某一天 (0 ~ 6)。 |

| getMonth() | 从 Date 对象返回月份 (0 ~ 11)。 |

| getFullYear() | 从 Date 对象以四位数字返回年份。 |

| getYear() | 请使用 getFullYear() 方法代替。 |

| getHours() | 返回 Date 对象的小时 (0 ~ 23)。 |

| getMinutes() | 返回 Date 对象的分钟 (0 ~ 59)。 |

| getSeconds() | 返回 Date 对象的秒数 (0 ~ 59)。 |

| getMilliseconds() | 返回 Date 对象的毫秒(0 ~ 999)。 |

| getTime() | 返回 1970 年 1 月 1 日至今的毫秒数。 |

| getTimezoneOffset() | 返回本地时间与格林威治标准时间 (GMT) 的分钟差。 |

| getUTCDate() | 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。 |

| getUTCDay() | 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。 |

| getUTCMonth() | 根据世界时从 Date 对象返回月份 (0 ~ 11)。 |

| getUTCFullYear() | 根据世界时从 Date 对象返回四位数的年份。 |

| getUTCHours() | 根据世界时返回 Date 对象的小时 (0 ~ 23)。 |

| getUTCMinutes() | 根据世界时返回 Date 对象的分钟 (0 ~ 59)。 |

| getUTCSeconds() | 根据世界时返回 Date 对象的秒钟 (0 ~ 59)。 |

| getUTCMilliseconds() | 根据世界时返回 Date 对象的毫秒(0 ~ 999)。 |

| parse() | 返回1970年1月1日午夜到指定日期(字符串)的毫秒数。 |

| setDate() | 设置 Date 对象中月的某一天 (1 ~ 31)。 |

| setMonth() | 设置 Date 对象中月份 (0 ~ 11)。 |

| setFullYear() | 设置 Date 对象中的年份(四位数字)。 |

| setYear() | 请使用 setFullYear() 方法代替。 |

| setHours() | 设置 Date 对象中的小时 (0 ~ 23)。 |

| setMinutes() | 设置 Date 对象中的分钟 (0 ~ 59)。 |

| setSeconds() | 设置 Date 对象中的秒钟 (0 ~ 59)。 |

| setMilliseconds() | 设置 Date 对象中的毫秒 (0 ~ 999)。 |

| setTime() | 以毫秒设置 Date 对象。 |

| setUTCDate() | 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。 |

| setUTCMonth() | 根据世界时设置 Date 对象中的月份 (0 ~ 11)。 |

| setUTCFullYear() | 根据世界时设置 Date 对象中的年份(四位数字)。 |

| setUTCHours() | 根据世界时设置 Date 对象中的小时 (0 ~ 23)。 |

| setUTCMinutes() | 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。 |

| setUTCSeconds() | 根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。 |

| setUTCMilliseconds() | 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。 |

| toSource() | 返回该对象的源代码。 |

| toString() | 把 Date 对象转换为字符串。 |

| toTimeString() | 把 Date 对象的时间部分转换为字符串。 |

| toDateString() | 把 Date 对象的日期部分转换为字符串。 |

| toGMTString() | 请使用 toUTCString() 方法代替。 |

| toUTCString() | 根据世界时,把 Date 对象转换为字符串。 |

| toLocaleString() | 根据本地时间格式,把 Date 对象转换为字符串。 |

| toLocaleTimeString() | 根据本地时间格式,把 Date 对象的时间部分转换为字符串。 |

| toLocaleDateString() | 根据本地时间格式,把 Date 对象的日期部分转换为字符串。 |

| UTC() | 根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。 |

| valueOf() | 返回 Date 对象的原始值。 |

3. Math 对象方法

| 方法 | 描述 | | —- | —- |

| abs(x) | 返回数的绝对值。 |

| acos(x) | 返回数的反余弦值。 |

| asin(x) | 返回数的反正弦值。 |

| atan(x) | 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。 |

| atan2(y,x) | 返回从 x 轴到点 (x,y) 的角度(介于 -PI/2 与 PI/2 弧度之间)。 |

| ceil(x) | 对数进行上舍入。 |

| cos(x) | 返回数的余弦。 |

| exp(x) | 返回 e 的指数。 |

| floor(x) | 对数进行下舍入。 |

| log(x) | 返回数的自然对数(底为e)。 |

| max(x,y) | 返回 x 和 y 中的最高值。 |

| min(x,y) | 返回 x 和 y 中的最低值。 |

| pow(x,y) | 返回 x 的 y 次幂。 |

| random() | 返回 0 ~ 1 之间的随机数。 |

| round(x) | 把数四舍五入为最接近的整数。 |

| sin(x) | 返回数的正弦。 |

| sqrt(x) | 返回数的平方根。 |

| tan(x) | 返回角的正切。 |

| toSource() | 返回该对象的源代码。 |

| valueOf() | 返回 Math 对象的原始值。 |

4. String 对象方法

| 方法 | 描述 | | —- | —- |

| anchor() | 创建 HTML 锚。 |

| big() | 用大号字体显示字符串。 |

| blink() | 显示闪动字符串。 |

| bold() | 使用粗体显示字符串。 |

| charAt() | 返回在指定位置的字符。 |

| charCodeAt() | 返回在指定的位置的字符的 Unicode 编码。 |

| concat() | 连接字符串。 |

| fixed() | 以打字机文本显示字符串。 |

| fontcolor() | 使用指定的颜色来显示字符串。 |

| fontsize() | 使用指定的尺寸来显示字符串。 |

| fromCharCode() | 从字符编码创建一个字符串。 |

| indexOf() | 检索字符串。 |

| italics() | 使用斜体显示字符串。 |

| lastIndexOf() | 从后向前搜索字符串。 |

| link() | 将字符串显示为链接。 |

| localeCompare() | 用本地特定的顺序来比较两个字符串。 |

| match() | 找到一个或多个正则表达式的匹配。 |

| replace() | 替换与正则表达式匹配的子串。 |

| search() | 检索与正则表达式相匹配的值。 |

| slice() | 提取字符串的片断,并在新的字符串中返回被提取的部分。 |

| small() | 使用小字号来显示字符串。 |

| split() | 把字符串分割为字符串数组。 |

| strike() | 使用删除线来显示字符串。 |

| sub() | 把字符串显示为下标。 |

| substr() | 从起始索引号提取字符串中指定数目的字符。 |

| substring() | 提取字符串中两个指定的索引号之间的字符。 |

| sup() | 把字符串显示为上标。 |

| toLocaleLowerCase() | 把字符串转换为小写。 |

| toLocaleUpperCase() | 把字符串转换为大写。 |

| toLowerCase() | 把字符串转换为小写。 |

| toUpperCase() | 把字符串转换为大写。 |

| toSource() | 代表对象的源代码。 |

| toString() | 返回字符串。 |

| valueOf() | 返回某个字符串对象的原始值。 |

5. Event 时间属性方法

| 属性 | 当以下情况发生时,出现此事件 | | —- | —- |

| onabort | 图像加载被中断 |

| onblur | 元素失去焦点 |

| onchange | 用户改变域的内容 |

| onclick | 鼠标点击某个对象 |

| ondblclick | 鼠标双击某个对象 |

| onerror | 当加载文档或图像时发生某个错误 |

| onfocus | 元素获得焦点 |

| onkeydown | 某个键盘的键被按下 |

| onkeypress | 某个键盘的键被按下或按住 |

| onkeyup | 某个键盘的键被松开 |

| onload | 某个页面或图像被完成加载 |

| onmousedown | 某个鼠标按键被按下 |

| onmousemove | 鼠标被移动 |

| onmouseout | 鼠标从某元素移开 |

| onmouseover | 鼠标被移到某元素之上 |

| onmouseup | 某个鼠标按键被松开 |

| onreset | 重置按钮被点击 |

| onresize | 窗口或框架被调整尺寸 |

| onselect | 文本被选定 |

| onsubmit | 提交按钮被点击 |

| onunload | 用户退出页面 |