27 11 月 2019 浏览器 - 移除监听事件 2019-11-27 描述从一个元素上移除一个事件监听。提示使用 EventTarget.removeEventListener()从一个元素上移除一个使用 EventTarget.addEventListener()方法添加的事件监听第四个参数 opts 的默认值使用 false,否则的话需使用监听事件被添加时候的选项代码 constoff=(el,evt,fn,opts=false)=>el.removeEv
19 11 月 2019 浏览器 - 在元素尾部插入 HTML 2019-11-19 描述在指定元素的尾部后插入一个 HTML 字符串。提示使用位置参数为 afterend 的 el.insertAdjacentHTML()方法将解析好的 htmlString 插入到 el 元素的尾部后面 insertAdjacentHTML 不会重新解析自身正在使用的元素,因此元素内部的现有元素不会被破坏。这避免了额外的序列化步骤,使其比 innerHTML 操作更快代码 constinsertAfter
13 11 月 2019 浏览器 - 是否包含 class 2019-11-13 描述如果元素有指定的 class 就返回 true,否则返回 false。提示使用 element.classList.contains()来检测元素是否有特定的 classclassList 是替代使用空格进行分隔的字符串 element.className 来访问类的一种更方便的方法虽然 element.classList 为只读属性,但是可以使用 add()和 remove()方法对他进行修改代码 c
07 11 月 2019 浏览器 - 表单转对象 2019-11-07 描述将表单中的一组元素编码为一个 object。提示使用 FormData 构造器将 HTML 中的 form 转换为 FormData 使用 Array.from()将 FormData 转化为数组使用 Array.prototype.reduce()从数组中构建对象代码 constformToObject=form=>Array.from(newFormData(form)).reduce((acc,[
04 11 月 2019 浏览器 - 设备检测 2019-11-04 描述检测网站是使用移动设备还是使用台式机/笔记本打开的。提示使用正则表达式来检测 navigator.userAgent,以获取当前设备是移动设备还是台式机/笔记本代码 constdetectDeviceType=()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|OperaMini/i.test(navigator.use
01 11 月 2019 浏览器 - 获取当前链接 2019-11-01 描述返回当前页面的链接。提示使用 window.location.href 获取当前链接代码 constcurrentURL=()=>window.location.href;示例事件中心的调用:currentURL();//'https://hacpai.com/article/1572572694000?r=Vanessa'返回总目录每天 30 秒系列之 JavaScript 代码