JavaScript的内置对象

今日总结

数学Math

Math.PI

Math.random()

• [0,1)

  • 取特定区间 Math.floor(Math.random()*50)+50

Math.abs

• 取正

Math.max

• 取最大

Math.min

• 取最小

Math.pow(x,y)

• x的y次方

Math.sqrt()

• 开方

Math.floor

• 向下取整

Math.ceil

• 向上取整

Math.round

• 四舍五入

Math.sin/cos/tan/asin/acos/atan

日期Date

获取系统日期

• new Date()

设定一个日期

• new Date(“2022-08-31 12:12:12”)

get

• getDay()

  • 周几

• getFullYear()

  • 年份

• getMonth()

  • 月份

    • 从0开始

• getDate()

  • 日期

• getHours()

  • 小时

• getMinutes()

  • 分钟

• getSeconds()

  • 秒钟

• getTime()

  • 时间戳

    • 1970-1-1 0:0:0

      • 毫秒值

set

转字符串

• toString()
• toLocalDateString()
• toLocalTimeString()
• toUTCTime()

字符串String

遍历

• length

• [0, length-1]

• 超出索引

  • undefined

字符串不可变

• s[0]=“a” 无效

索引与字符

• charAt(n)

  • 求索引为n对应的字符

• charCodeAt(n)

  • 求索引为n对应的字符编码

• indexOf(s)

  • 求字符s的索引

    • 从左向右
    • -1代表没有找到

  • 只找第一个

• lastIndexOf(s)

  • 只找第一个

  • 求字符s的索引

    • 从右向左
    • -1代表没有找到

• includes(s)

  • 判断内部有没有子字符串

子字符串

• slice(start,end)

  • start与end都可以省略

    • 本身

  • end省略代表到最后

  • 不包含end

• substring(start,end)

  • 从start到end(不包含)

• substr(from,length)

  • 从from开始取length个

  • from支持负值

    • -1代表最后一个

开头结尾

• startsWith(s)

  • 以s开头

• endsWith(s)

  • 以s结尾

大小写

• toLowerCase()

  • 小写

• toUpperCase()

  • 大写

• 没有首字母大写

切割与替换

• split(“”)

  • 返回数组

• replace(“old”, “new”)

  • 替换

    • 只有第一个

数组Array

添加与删除

• push

  • 末尾添加

    • 返回最新长度

• pop

  • 末尾删除

    • 返回删除元素

• unshift

  • 开头添加

    • 返回最新长度

• shift

  • 开头删除

    • 返回删除元素

• splice

  • start, deleteCount, …items

    • 删除元素的同时插入元素

截取、排列、倒序

• slice

  • start，end

• sort

  • 默认单字符比较

    • function(a,b){}

      • 如果a>b返回1：升序
      • 如果a>b返回-1：降序

• reverse

  • 逆序

循环、过滤、映射

• forEach

  • 没有返回值

• filter

  • 返回过滤的结果数组

• map

  • 返回映射后的结果数组

• function(value,index,array){}

• 拿数组中的每一个元素都去执行匿名函数

at

• 求索引为n对应的字符

对象

键都是字符串

• 值可以是任意数据类型

  • 键不能重复

for in

• 遍历数组与字符串

  • 遍历到的是索引

• 遍历对象

  • 遍历到的是键

for of

• 遍历数组与字符串

  • 遍历到的是元素

• 不可以遍历对象

匿名函数

• 将匿名函数赋给对象里的键
• 例如myMath.max

BOM

Browser Object Model（浏览器对象模型）

提供了独立于内容与浏览器窗口进行交互的对象

• window

  • 窗口对象, 可以用来控制当前窗口, 或打开新的窗口

    • 可用省略

      • open

        • 打开新的窗口

          • 有返回值

      • close

        • 关闭open打开的窗口

• screen

  • 屏幕对象, 获取屏幕相关信息

    • screen.啥

      • width

        • 宽度

      • height

        • 高度

      • availWidth

        • 可用宽度

      • availHeight

        • 可用高度

          • 屏幕的高度减去下面任务栏的高度

• history

  • 当前窗口访问过的页面的历史记录

    • length

      • 历史记录的长度

    • back

      • 回退

    • forward

      • 前进

    • go（n）

      • 跳转n个页面

        • n为负值代表回退
        • 为正值代表前进
        • o为刷新

• location

  • 地址对象, 可以用来获取当前URL的信息

    • protocol

      • 协议

        • http

          • 80

        • https

          • 443

    • hostname

      • 主机名

      • 域名

        • www.baidu.com

      • ip地址

        • 192.168.2.10

    • port

      • 端口

        • 0-1023-65535

    • pathname

      • 路径

        • 从端口后面第一个斜杠开始到问号之前

    • search get

      • 请求携带参数信息

        • ？以后到#以前

    • hash

      • 锚点信息

        • #以后

    • href

      • 当前窗口地址

        • 可以获取或者赋值

    • reload()

      • 刷新

• navigator

  • 浏览器对象, 通过这个对象可以判定用户所使用的浏览器

    • userAgent

      • 浏览器身份信息

• setTimeout

  • 在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行

• setInterval

  • 调用过他之后每隔设定时间之后执行代码

DOM

查找元素的方法

• .getElementById 页面元素id不重复 最终找到一个Js对象
• .getElementsByClassName 多个元素有同一个类名 最终找到HTML集合（类似数组) 即使找到一个 最终返回也是数组
• .getElementsByTagName 找到标签匹配元素 最终找到HTML集合（类似数组)
• .getElementsByName 通过name属性找到元素（类似数组）
• querySelector找到第一个
• querySelectorAll找到所有 返回类似数组 可以使用forEach

获取

• 获取元素

  • innerHTML 可以获取/修改元素内容（可以解析标签结构）
  • innerText 可以获取/修改元素内容 （认为标签也是普通字符串）

• 获取样式

  • 对象.style.属性名

    • 只能获取/设置行内样式

  • getComputedStyle(目标对象).属性名

    • 获取内部样式表 或者外部样式表