js操作dom

133 阅读1分钟

表单事件

  • change
  • input
  • focus
  • blur

触摸事件 (移动端事件)

  • ontouchstart
  • ontouchmove
  • ontouchend

其他事件

  • transitionend : 过度结束的时候触发
  • animationend: 动画结束的时候触发

事件绑定

  • addEventListener

    • 和 click的区别 : 1.onclick 只能绑定一个事件 addEventListener可以绑定多个事件 2. addEventListener绑定事件不需要加 "on";
    • 兼容性问题 attchEvent 来绑定 : 需要加上on修饰符

正则表达式

  • 规则表达式

  • 创建方式

    • 字面量
    • 内置构造函数
    • 2种方式的区别
    • 正则是一个复杂数据类型
  • 元字符 :在正则里有特殊含义的字符

    • . 匹配除了换行之外的字符
    • ``转义字符
    • \s 空格
    • \S 非空格
    • \d 数字
    • \D 非数字
    • \w 数字字母下划线
    • \W 非数字字母下划线
  • 限定符 (和字符数量有关系的)

    • * 0次到多次
    • + 1次到多次
    • ? 0次到1次
    • {n} 出现固定的n次
    • {n,m} 出现 n次到m次
    • {n,} n次到多次
  • 边界符

    • 以什么字符作为开头 ^
    • 以什么作为结尾 $
    • 以什么作为边界 \b 边界符 : 边界定义(\W:非数字 字母 下划线的内容)
  • 特殊符号

    • 分组 ()
    • 集合 []; 代表一个字符,集合里 自带或者关系 ,在正则里的或者是 "|",集合里的 ^ 非的意思
  • 正则表达式

    • 正则方法test()
    • 字符串方法
      • match : 获取符合正则规则的内容 (全局和非全局匹配有区别 )
      • replace : 替换符合规则的字符
      • search : 会返还符合正则规则的索引值,如果没有符合条件的就返还-1
      • split:根据指定字符 把字符串切割成数组