随笔分类 - js 基础

弹窗插件封装 js插件封装-弹窗组件封装-类型判断-发布订阅

摘要：https://gitee.com/eric167/js <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met 阅读全文

posted @ 2021-08-04 18:00 13522679763-任国强阅读(128) 评论(0) 推荐(0)

js-插件封装-树形折叠菜单

摘要：(function () { // 插件核心:OOP的模式，可以创建单独的实例，这样实现私有属性和公有方法的有效管理 class zTree { constructor(element, options) { // init params let self = this, len = argumen 阅读全文

posted @ 2021-08-04 08:54 13522679763-任国强阅读(165) 评论(0) 推荐(0)

添加和删除类名

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-05-08 16:24 13522679763-任国强阅读(53) 评论(0) 推荐(0)

轮播图实现

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-05-08 15:52 13522679763-任国强阅读(37) 评论(0) 推荐(0)

定时器动画的应用

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-05-08 12:55 13522679763-任国强阅读(49) 评论(0) 推荐(0)

BOM 浏览器对象 Location History

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-05-07 15:32 13522679763-任国强阅读(49) 评论(0) 推荐(0)

Navigator 判读浏览器信息类型

摘要：/** * Navigator * 代表当前浏览器的信息通过该对象可以来识别不同的浏览器 * 一般只会使用 userAgent 来判断浏览器的信息 * * userAgent * Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537. 阅读全文

posted @ 2021-05-07 11:53 13522679763-任国强阅读(137) 评论(0) 推荐(0)

键盘按键事件

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-05-06 22:12 13522679763-任国强阅读(85) 评论(0) 推荐(0)

鼠标滚轮事件

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-05-06 21:03 13522679763-任国强阅读(268) 评论(0) 推荐(0)

拖拽功能实现

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-05-06 17:30 13522679763-任国强阅读(130) 评论(0) 推荐(0)

js 事件绑定和兼容 addEventListener attachEvent

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-05-06 15:16 13522679763-任国强阅读(60) 评论(0) 推荐(0)

事件冒泡和取消冒泡

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-05-06 11:32 13522679763-任国强阅读(156) 评论(0) 推荐(0)

div 跟随鼠标进行移动兼容

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-05-06 10:43 13522679763-任国强阅读(47) 评论(0) 推荐(0)

event = event || window.event; 兼容各个浏览器

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-05-06 10:02 13522679763-任国强阅读(307) 评论(0) 推荐(0)

滚动到底部才可以注册勾选协议练习

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-05-05 23:50 13522679763-任国强阅读(323) 评论(0) 推荐(0)

其它样式获取 clientWidth clientHeight offsetWidth offsetHeight offsetParent offsetLeft offsetTop scrollHeight scrollWidth

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-05-05 23:49 13522679763-任国强阅读(45) 评论(0) 推荐(0)

js 设置和获取 div 样式

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-05-05 21:12 13522679763-任国强阅读(1067) 评论(0) 推荐(0)

表格添加 DOM 练习

摘要：未优化 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content 阅读全文

posted @ 2021-05-05 20:14 13522679763-任国强阅读(64) 评论(0) 推荐(0)

节点的添加替换删除

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-05-05 16:02 13522679763-任国强阅读(106) 评论(0) 推荐(0)

DOM 获取标签获取body 标签获取html根标签 querySelector querySelectorAll

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-05-05 15:13 13522679763-任国强阅读(556) 评论(0) 推荐(0)