JS 《JS 基础入门》实验报告

81 阅读4分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

image.png

image.png

Array 对象的常用方法

名称说明
concat()用于连接两个或多个数组,并返回结果
join()将数组转换成字符串
pop()删除并返回数组的最后一个元素
push()向数组的末尾添加一个或更多元素,并返回新的长度
reverse()颠倒数组的顺序
shift()删除并返回数组的第一个元素
unshift()向数组的开头添加一个或更多元素,并返回新的长度
slice()从某个已有的数组返回选定的元素
splice()删除或替换当前数组的某些项目
sort()将数组进行排序
toString()把数组转换为字符串,并返回结果

String 对象的常用方法

名称说明
charAt()获取指定位置处字符
charCodeAt()获取指定位置处字符的 Unicode 编码
concat()连接字符串,等效于 “+”,“+” 更常用
slice()提取字符串的片断,并在新的字符串中返回被提取的部分
indexOf()检索字符串
toString()返回字符串
toLowerCase()把字符串转换为小写
toUpperCase()把字符串转换为大写
replace()替换字符串中的某部分
split()把字符串分割为字符串数组

Date 对象方法

名称说明
Date()返回当日的日期和时间(输出的是中国标准时间)
getDate()从 Date 对象返回一个月中的某一天 (1 ~ 31)
getDay()从 Date 对象返回一周中的某一天 (0 ~ 6)
getMonth()从 Date 对象返回月份 (0 ~ 11)
getFullYear()从 Date 对象以四位数字返回年份
getHours()返回 Date 对象的小时 (0 ~ 23)
getMinutes()返回 Date 对象的分钟 (0 ~ 59)
getSeconds()返回 Date 对象的秒数 (0 ~ 59)
getMilliseconds()返回 Date 对象的毫秒(0 ~ 999)

Math 对象的常用属性

名称说明
E返回常数 e (2.718281828...)
LN2返回 2 的自然对数 (ln 2)
LN10返回 10 的自然对数 (ln 10)
LOG2E返回以 2 为底的 e 的对数 (log2e)
LOG10E返回以 10 为底的 e 的对数 (log10e)
PI返回 π(3.1415926535...)
SQRT1_2返回 1/2 的平方根
SQRT2返回 2 的平方根

Math 对象的常用方法

名称说明
abs(x)返回 x 的绝对值
round(x)返回 x 四舍五入后的值
sqrt(x)返回 x 的平方根
ceil(x)返回大于等于 x 的最小整数
floor(x)返回小于等于 x 的最大整数
sin(x)返回 x 的正弦
cos(x)返回 x 的余弦
tan(x)返回 x 的正切
acos(x)返回 x 的反余弦值(余弦值等于 x 的角度),用弧度表示
asin(x)返回 x 的反正弦值
atan(x)返回 x 的反正切值
exp(x)返回 e 的 x 次幂 (e^x)
pow(n, m)返回 n 的 m 次幂 (nm)
log(x)返回 x 的自然对数 (ln x)
max(a, b)返回 a, b 中较大的数
min(a, b)返回 a, b 中较小的数
random()返回大于 0 小于 1 的一个随机数

BOM window

方法说明
alert()显示带有一段消息和一个确认按钮的警告框
prompt()显示可提示用户输入的对话框
confirm()显示带有一段消息以及确认按钮和取消按钮的对话框
window.onload当页面加载完成执行
window.onunload当退出页面时执行
window.innerWidth浏览器的宽
window.innerHeight浏览器的高
setTimeout()指定的毫秒数到达之后执行指定的函数,只执行一次
setInterval()设置定时调用的函数也就是可以按照给定的时间(单位毫秒)周期调用函数

DOM HTML

方法说明
write改变 HTML 输出流
innerHTML改变 HTML 内容
attribute改变 HTML 属性

DOM CSS

方法说明
style.<属性名>改变 HTML 元素的样式

DOM 节点

方法说明
getElementById()通过元素的 ID 选取元素
getElementsByTagName()通过标签名选取元素
getElementsByClassName()通过类名选取元素
createElement()创建元素节点
createAttribute()创建属性节点
createTextNode()创建文本节点
appendChild()向节点添加最后一个子节点
insertBefore (<新子节点>,<指定子节点>)在指定的子节点前面插入新的子节点
removeChild()删除节点
replaceChild()替换子节点
getAttribute()获取节点属性
setAttribute(<属性名>, <属性值>)设置节点属性
removeAttribute()删除节点属性

DOM 事件

事件名说明
onclick鼠标单击
ondblclick鼠标双击
onkeyup按下并释放键盘上的一个键时触发
onchange文本内容或下拉菜单中的选项发生改变
onfocus获得焦点,表示文本框等获得鼠标光标。
onblur失去焦点,表示文本框等失去鼠标光标。
onmouseover鼠标悬停,即鼠标停留在图片等的上方
onmouseout鼠标移出,即离开图片等所在的区域
onload网页文档加载事件
onunload关闭网页时
onsubmit表单提交事件
onreset重置表单时

Object.prototype 常用成员

成员描述
object.prototype._proto_指向当对象被实例化的时候,用作原型的对象
object.prototype.hasOwnProperty()返回一个布尔值,用来判断一个属性是定义在对象本身而不是继承自原型链
object.prototype.isPrototype0f()返回一个布尔值,表示指定的对象是否在本对象的原型链中
object.prototype.toString()返回一一个表示该对象的字符串
object.prototype.value0f()返回指定对象的原始值