摘要：
HTML: <label for="message">手机号</label> <input type="text" id="message"> <button>发送</button> JS: <script> var input = document.querySelector('input'); 阅读全文
posted @ 2020-03-21 23:23
彩虹更新中
阅读(183)
评论(0)
推荐(0)
摘要：
HTML: <div> <span></span> <span></span> <span></span> <span></span> </div> JS： <script> var spans = document.querySelectorAll('span'); timeLive = +new 阅读全文
posted @ 2020-03-21 22:56
彩虹更新中
阅读(263)
评论(0)
推荐(0)
摘要：
实现图片跟着鼠标的移动而移动： 1. css: 给图片添加绝对定位 <style> img { position: absolute; } </style> HTML： 随意放一张图片 <img src="logo.png" alt=""> JS: <script> // 给document添加事件 阅读全文
posted @ 2020-03-21 22:27
彩虹更新中
阅读(183)
评论(0)
推荐(0)
摘要：
下面前端代码可以判断用户那个终端打开页面，实现跳转 if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec| 阅读全文
posted @ 2020-03-21 21:45
彩虹更新中
阅读(1272)
评论(0)
推荐(0)
摘要：
本张脑图是关于高级事件的知识点整理： 1.注册事件； 2.删除事件； 3.DOM事件流； 4.事件对象； PS：图片如果不清晰，可以在我的相册中下载 阅读全文
posted @ 2020-03-21 10:54
彩虹更新中
阅读(100)
评论(0)
推荐(0)
摘要：
本张脑图对DOM基础操作的增删改查，属性操作和事件操作做了一个整理。 PS：要是脑图看得不清晰，可以在我的相册下载查看。 阅读全文
posted @ 2020-03-21 10:51
彩虹更新中
阅读(98)
评论(0)
推荐(0)
摘要：
本张脑图整理了DOM的基础知识，包括：DOM简介，获取元素，事件接触，操作元素和节点的相关知识。 PS：如果随笔中不好查看图片，可以在我的相册中查看 阅读全文
posted @ 2020-03-21 10:49
彩虹更新中
阅读(109)
评论(0)
推荐(0)
浙公网安备 33010602011771号