网站介绍怎么写范文,什么是网站的层次,wordpress首页代码,模板大全网1、日期对象 日期对象#xff1a;用来表示事件的对象 作用#xff1a;可以得到当前系统时间 1、实例化 在代码中发现了new关键字#xff0c;一般将这个操作称为实例化 创建一个时间对象并获取时间 获得当前时间 const datenew Date() 使用日志查看#xff0c;得到的…1、日期对象 日期对象用来表示事件的对象 作用可以得到当前系统时间 1、实例化 在代码中发现了new关键字一般将这个操作称为实例化 创建一个时间对象并获取时间 获得当前时间 const datenew Date() 使用日志查看得到的结果为 获得指定时间 const datenew Date(2008-8-8) console.log(date) 2、日期对象的方法 使用场景因为日期对象返回的数据我们不能直接使用所以需要转换为实际开发中常用的格式 方法作用说明getFullYear获得年份获取四位年份getMonth获得月份取值为0~11getDate获取月份中的每一天不同月份取值也不相同getDay获取星期取值为0~6星期天为0getHours获取小时取值为0~23getMinutes获取分钟取值为0~59getSeconds获取秒取值为0~59 例如 let datenew Date()console.log(date.getFullYear())console.log(date.getMonth()1)console.log(date.getDate())console.log(date.getDay())console.log(date.getHours()1)console.log(date.getMinutes()1)console.log(date.getSeconds()1) 运行结果为 3、时间戳 使用场景如果计算倒计时效果前面方法无法直接计算需要借助于时间戳完成 时间戳是指1970年01月01日00时00分00秒起至现在的毫秒数它是一种特殊的计算时间的方式 算法 将来的时间戳-现在的时间戳剩余时间毫秒数 剩余时间毫秒数 转换为 剩余时间的 年月日时分秒 就是 倒计时时间 比如 将来的时间戳 2000ms-现在的时间戳 1000ms1000ms 1000ms转换为就是 0小时0分1秒 三种方式获取时间戳 1、使用getTime方法 const datenew Date() console.log(date.getTime()) 2、简写 new Date 无需实例化 console.log(new Date()) 3、使用Date.now 无需实例化 但是只能得到当前的时间戳而前面两种可以返回指定时间的时间戳 console.log(Date.now()) 2、节点操作 1、DOM节点 DOM树里每一个内容都称为节点 节点类型 元素节点 所有的标签 比如 body、div html是根节点 属性节点 所有的属性 比如href 文本节点 所有的文本 其他 2、查找节点 节点关系针对的找亲戚返回的都是对象 父节点 子节点 兄弟节点 1、父节点查找 parentNode属性最近一级的父节点 返回最近一级的父节点 找不到返回为null 子元素.parentNode 例如 const sondocument.querySelector(.son)son.addEventListener(click,function() {console.log(11)son.parentNode.style.displaynone}) 当点击子元素的时候就可以操控父元素进行操作无需再次获取父元素的DOM对象 2、子节点查找 childNodes属性获取所有的子节点包括文本节点空格、换行、注释节点等 children属性重点仅获得所有元素节点、返回的还是一个伪数组最近一级的子节点 父元素.children 3、兄弟关系查找 下一个兄弟节点nextElementSibling属性 上一个兄弟节点previousElementSibling属性 3、增加节点 很多情况下我们需要在页面中增加元素 比如点击发布按钮可以新增一条信息 一般情况下我们新增节点按照如下操作 创建一个新的节点 把创建的新的节点放入到指定的元素内部 1、创建节点 创造出一个新的网页元素再添加到网页内一般先创建节点然后插入节点 创建元素节点方法 //创造一个新的元素节点 document.createElement(标签名) 2、追加节点 要想在界面看到还得插入到某个父元素中 插入到父元素的最后一个子元素 //插入到这个父元素的最后 父元素.appendChild要插入的元素 插入到父元素中某个子元素的前面 //插入到某个子元素的前面 父元素.insertBefore要插入的元素在哪个元素前面 特殊情况下我们新增节点按照如下操作 复制一个原有的节点 把复制的节点放入到指定的元素内部 3、克隆节点 //克隆一个已有元素节点 元素.cloneNode(布尔值) cloneNode会克隆出一个跟原标签一样的元素括号内传入布尔值 若为true则代表克隆时会包含后代节点一起克隆 若为false则代表克隆时不包含后代节点 默认为false 4、删除节点 若一个节点在页面中已不需要时可以删除它 在JavaScript原生DOM操作中要删除元素必须通过父元素删除 语法 父元素.removeChild要删除的元素 注 如不存在父子关系则删除不成功 删除节点和隐藏节点有区别的隐藏节点还是存在的但是删除则从html中删除节点 3、M端事件 移动端也有自己独特的地方。比如触屏事件touchAndroid和IOS都有 触摸事件touch也称触摸事件 touch对象代表一个触摸点。触摸点可能是一根手指也可能是一根触摸笔。触屏事件可响应用户手指或触控笔对屏幕或者触控板操作 常见的触摸事件如下 触屏touch事件说明touchstart手指触摸到一个DOM元素时触发touchmove手指在一个DOM元素上滑动时触发touchend手指从一个DOM元素上移开时触发 4、swiper插件 插件就是别人写好的一些代码我们只需要复制对应的代码就可以实现对应的效果 主要找到package文件夹