DOM
avoidaily
当你凝视深渊,深渊也在凝视你
展开
-
(day03-1)四大状态属性(enabled disabled selected checked):disabled 比如点击同意了才能注册用户..
Document同意原创 2019-05-08 19:55:32 · 582 阅读 · 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 · 144 阅读 · 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 · 139 阅读 · 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 · 116 阅读 · 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 · 77 阅读 · 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 · 116 阅读 · 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 · 191 阅读 · 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 · 82 阅读 · 0 评论 -
(day04—3)窗口打开新链接方式总结
<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>打开新链接方式总结</title> <script> /*打开新链接方式总结:1. 在当前窗口打开,可后退2. 在当前窗口打开,不可后退3. 在新窗口打开,可打开多个...原创 2019-05-09 17:08:28 · 108 阅读 · 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 · 120 阅读 · 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 · 102 阅读 · 0 评论 -
(day03-4)实现带样式的表单验证
<!doctype html> 实现带样式的表单验证 增加管理员 姓名: * 10个字符以内的字母、数字或下划线的组合 密码: * 6位数字...原创 2019-05-08 21:29:07 · 161 阅读 · 0 评论 -
(day03-3)实现多标签页效果,读取并修改元素的属性(自定义扩展属性—流量卡)
读取并修改元素的属性 实现多标签页效果 /*这里a标签作按钮用时#——>JavaScript:; 执行一条js空语句,但是不跳转页面其他情况作——锚点、跳转:#*/...原创 2019-05-08 21:22:32 · 220 阅读 · 0 评论 -
(day03-2)DOM:按钮的全选和取消全选
全选和取消全选 管理员列表 全选 管理员ID 姓名 操作 1 Tester 修改 删除 2 Manager 修改 删除 3 Analyst 修改 ...原创 2019-05-08 20:48:57 · 194 阅读 · 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 · 252 阅读 · 0 评论