DOM
关注
分享
扫一扫
avoidaily
当你凝视深渊，深渊也在凝视你
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
(day03-1)四大状态属性（enabled disabled selected checked）：disabled 比如点击同意了才能注册用户..
Document 同意原创 2019-05-08 19:55:32 · 630 阅读 · 0 评论 -
（day05—07）利用冒泡( 事件委托 / 事件代理 )：优化减少事件监听对象的个数
<!DOCTYPE HTML> <html> <head> <title>取消与利用冒泡</title> <meta charset="utf-8"/> </head> <body> <div id="keys"> <button>1</button...原创 2019-05-10 20:31:35 · 204 阅读 · 0 评论 -
（day05—06）获得鼠标的坐标
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>在当前显示区范围内实现点不到的小方块</title> <style> div{position:fixed;width:100px;height:100px; backgroun...原创 2019-05-10 20:29:17 · 185 阅读 · 0 评论 -
（day05—05）阻止默认行为
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-05-10 20:28:09 · 178 阅读 · 0 评论 -
（day05—04）阻止冒泡
<!DOCTYPE HTML> <html> <head> <title>事件处理</title> <meta charset="utf-8"/> <link rel="stylesheet" href="css/2.css"/> </head> <body> &...原创 2019-05-10 20:26:45 · 113 阅读 · 0 评论 -
（day05—03）在js中通过添加事件监听对象
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>...</title> <script> </script> </head> <body> <button id="b...原创 2019-05-10 20:24:28 · 154 阅读 · 0 评论 -
（day05-02）查看浏览器名称、版本号
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-05-10 20:21:22 · 283 阅读 · 0 评论 -
（day05-01）自动获取焦点（类似百度）
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-05-10 20:15:05 · 128 阅读 · 0 评论 -
（day04—3）窗口打开新链接方式总结
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>打开新链接方式总结</title> <script> /*打开新链接方式总结： 1. 在当前窗口打开，可后退 2. 在当前窗口打开，不可后退 3. 在新窗口打开，可打开多个 ...原创 2019-05-09 17:08:28 · 153 阅读 · 0 评论 -
（day04—2）动态创建表格
<!DOCTYPE HTML> <html> <head> <title>动态创建表格</title> <meta charset="utf-8" /> <style> table{width:600px; border-collapse:collapse; text-align:center; } td...原创 2019-05-09 17:06:13 · 165 阅读 · 0 评论 -
(day04-1) 二级联动列表
<!DOCTYPE HTML> <html> <head> <title>二级联动列表</title> <meta charset="utf-8" /> <style> .hide{ display: none; } </style> </head> <body> &l...原创 2019-05-09 13:20:17 · 146 阅读 · 0 评论 -
(day03-4)实现带样式的表单验证
<!doctype html> 实现带样式的表单验证 增加管理员 姓名： * 10个字符以内的字母、数字或下划线的组合 密码： * 6位数字 ...原创 2019-05-08 21:29:07 · 205 阅读 · 0 评论 -
(day03-3)实现多标签页效果，读取并修改元素的属性（自定义扩展属性—流量卡）
读取并修改元素的属性 实现多标签页效果 /* 这里a标签作按钮用时 #——>JavaScript：； 执行一条js空语句，但是不跳转页面 其他情况作——锚点、跳转：# */ ...原创 2019-05-08 21:22:32 · 281 阅读 · 0 评论 -
(day03-2)DOM：按钮的全选和取消全选
全选和取消全选 管理员列表 全选 管理员ID 姓名 操作 1 Tester 修改 删除 2 Manager 修改 删除 3 Analyst 修改 ...原创 2019-05-08 20:48:57 · 251 阅读 · 0 评论 -
（day02-1）实现伸缩二级菜单
<!DOCTYPE HTML> <html> <head> <title>1. 实现伸缩二级菜单</title> <meta charset="utf-8" /> <link rel="stylesheet" href="css/1.css" /> </head> <body> <...原创 2019-05-12 18:43:42 · 321 阅读 · 0 评论