亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

1. 事件代理的實現(xiàn)機制

事件代理：也叫事件委托，事件觸發(fā)者通常是事件綁定者的子元素

<ul>
  <li>item1</li>
  <li>item2</li>
  <li>item3</li>
  <li>item4</li>
  <li>item5</li>
</ul>
<script>
  const lis = document.querySelectorAll("li");
  document.querySelector("ul").addEventListener("click", (ev) => {
    // 事件綁定者
    console.log(ev.currentTarget);
    // 事件觸發(fā)者
    console.log(ev.target.innerHTML);
  });
</script>

2. 完成留言板，添加刪除功能

刪除前：

刪除后：

<label><input type="text" name="message" /></label>
<ol id="list"></ol>
<script>
  // 獲取元素
  const msg = document.querySelector("input");
  const list = document.querySelector("#list");
  msg.onkeydown = (ev) => {
    // 鍵盤事件中，key表示按下的鍵名
    if (ev.key === "Enter") {
      // 非空判斷
      if (ev.currentTarget.value.length === 0) {
        alert("留言內(nèi)容不能為空");
      } else {
        // 將留言內(nèi)容添加到列表中
        // 創(chuàng)建留言
        let str = `<li>${ev.currentTarget.value} <button onclick="this.parentElement.remove();">刪除</button></li>`;
        // 應該講最新的信息永遠放在第一條
        list.insertAdjacentHTML("afterbegin", str);
        // 清空上一條留言
        ev.currentTarget.value = null;
      }
    }
  };
</script>

3. 10 個字符串方法

<script>
  // 1. concat()拼接
  let str = "html".concat(" css", " php ");
  console.log(str);
  // 2. slice(start,end):取子串
  str = "hello php.cn";
  let res = str.slice(5, 9);
  console.log(res);
  // 正方向從0開始，反方向從-1開始
  // 3. substr(start,length)
  res = str.substr(0, 5);
  console.log(res);
  // 4. trim()；刪除二端空格
  let psw = "  rr888  ";
  console.log(psw.trim().length);
  // 5. 將字符串打成數(shù)組
  res = "admin@php.cn".split("@");
  console.log(res);
  // 6. 把字符串轉(zhuǎn)為小寫
  res = "ABCDEFG".toLowerCase();
  console.log(res);
  // 7. 返回字符串指定字符第一次出現(xiàn)的位置
  let ino = str.indexOf("c");
  console.log(ino);
  // 8. repeat() 重復次數(shù)字符串
  str = str.repeat(2);
  console.log(str);
  // 9.lastIndexOf() 子串最后一次出現(xiàn)位置
  let lpos = str.lastIndexOf("c");
  console.log(lpos);
  // 10.search() 搜索子串
  console.log(str.search("c"));
</script>

批改老師：天蓬老師

批改狀態(tài)：合格

老師批語：刪除前應該給用戶提示