JS常见方法

2023-11-19 15:08:59 浏览数 (1)

Math

数学函数“它是一个标准特殊对象”(不可调用的对象)

        因为Math对象中包含了很多操作“数字/几何/数学”的方法

常用

  • Math.abs(value):获取绝对值
  •  Math.ceil(value):向上取整
  •  Math.floor(value):向下取整
  •  Math.round(value):四舍五入
  •  Math.random():获取随机数[0,1)
  •      探索:获取n~m之间的随机整数n,m  前提:n<m
  •      公式:Math.round(Math.random()*(m-n) n)
  •  Math.max(val1,val2,...):获取一堆值中的最大值
  •  Math.min(val1,val2,...):获取一堆值中的最小值
  •  Math.pow(n,m):获取n的m次方
  •  Math.sqrt(n):返回n的平方根

new Date()

获取当前客户端本地的日期,结果是一个日期对象“标准的日期格式对象”

    • 仅供参考,因为客户端时间可以随便更改,不能拿他做重要的业务判断
  • new Date(时间字符串)) :把一个时间字符串,变为标准的日期对象
    • yyyy/mm/ddd hh:mm:ss
    • yyyy/mm/dd
    • ...

DOM:documnet object model 文档对象模型

DOMTree

     节点:

一个文档中包含的所有内容都是节点  node

     NodeList 节点集合

       getElementsByName

        querySelectorAll

        ...

     元素节点 “HTML标签”
  •  nodeType:1
  •  nodeName:大写的标签名
  •  nodeValue:null
    文本节点 “文本内容/空格/换行”
  •  nodeType:3
  •  nodeName:'#text'
  •  nodeValue:文本内容
    注释节点 “注释内容”
  •  nodeType:8
  •  nodeName:'#comment'
  •  nodeValue:注释内容
    文档节点 “document”
  •  nodeType:9
  •  nodeName:'#document'
  •  nodeValue:null

         ......

    描述和获取节点之间关系的属性,已知一个节点,我们基于这些属性可以获取到任何一个跟其相关的节点

  •    childNodes 获取所有的子节点(包含各种类型)集合NodeList
  •    children 获取所有的元素子节点 集合HTMLCollection
  •    firstChild 获取其所有子节点中的第一个(大儿子)
  •    firstElementChild 获取其所有元素子节点中的第一个(大儿子)
  •    lastChild 获取其所有子节点中的最后一个(小儿子)
  •    lastElementChild 获取其所有元素子节点中的最后一个(小儿子)
  •    parentNode 获取其唯一的父节点
  •    previousSibling 获取其哥哥节点(只获取一个,紧挨着的这一个,而且不一定是元素节点)
  •    previousElementSibling 获取其元素哥哥节点(获取的是元素节点)
  •    nextSibling 获取其弟弟节点
  •    nextElementSibling 获取其元素弟弟节点

    如果找不到自己想要的,结果都是null

动态创建一个元素节点(元素标签)

document.createElement('标签名')

我正在参与2023腾讯技术创作特训营第三期有奖征文,组队打卡瓜分大奖!

0 人点赞