博客列表 >0727/1.事件冒泡,事件代理2. 字符串API

0727/1.事件冒泡,事件代理2. 字符串API

小言
小言原创
2022年08月02日 11:54:05261浏览

事件冒泡

根据冒泡的原理,当前元素同名事件,会向上传递到父级,通过一级一级传递来判读当前子元素触发了哪些事件

  1. const ul = document.querySelector('ul');
  2. ul.onclick = function(){
  3. console.log(event.target, event.target.dataset.index);
  4. console.log(event.currentTarget);
  5. console.log(event.target === event.currentTarget);
  6. };

字符串API

1.str.split,该方法把字符串分割成数组

  1. console.log(str.split('', 4));

2.str.toLowerCase 把字符串中的大写转化为小写

  1. let str = 'PHP中文网';
  2. //输出小写
  3. console.log(str.toLowerCase());
  4. //原样输出
  5. console.log(str);

3.str.toUpperCase 把字符串中的小写转化为大写

  1. let str = 'php中文网';
  2. //输出大写
  3. console.log(str.toUpperCase());
  4. //原样输出
  5. console.log(str);

4.去除字符串两端的空白字符

  1. let str = ' php 中文网 ';
  2. //去掉左右空隙
  3. console.log(str.trim());
  4. //原样输出
  5. console.log(str);

5.str.includes 用来判断是否包含指定字符串,包含返回true

  1. console.log(str.includes('php'));

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议