客户端js
关注
分享
扫一扫
qq_45827064
这个作者很懒，什么都没留下…
展开
-
多媒体4 svg
// xhtml 的标签<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"version="1.1" width="20" height="20"><circle id="c" cx="10" cy="10" r="7" fill="green"/></svg>原创 2020-06-27 21:46:24 · 117 阅读 · 0 评论 -
多媒体 3，视频操作
HTML DOM Video 对象原创 2020-06-27 21:40:47 · 262 阅读 · 0 评论 -
多媒体 2 声音操作
HTML DOM Audio 对象原创 2020-06-27 21:37:38 · 110 阅读 · 0 评论 -
多媒体 1.图片操作
HTML DOM Image 对象Image 对象Image 对象代表嵌入的图像。 标签每出现一次，一个 Image 对象就会被创建。Image 对象的属性属性 描述align 设置或返回与内联内容的对齐方式。alt 设置或返回无法显示图像时的替代文本。border 设置或返回图像周围的边框。complete 返回浏览器是否已完成对图像的加载。height 设置或返回图像的高度。hspace 设置或返回图像左侧和右侧的空白。id 设置或返回图像的 id。isMap 返回图像是否是服原创 2020-06-27 21:32:21 · 200 阅读 · 0 评论 -
dom 小练习23（自动会顶）
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-20 11:15:15 · 92 阅读 · 0 评论 -
dom 缓动动画
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-20 11:14:28 · 97 阅读 · 0 评论 -
dom 动画函数封装
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-20 11:13:42 · 96 阅读 · 0 评论 -
dom 动画原理
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-20 11:12:59 · 122 阅读 · 0 评论 -
dom History 跳转页面
History 跳转页面2020年5月19日15:50<!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-UA-Compatible" content=".原创 2020-05-19 17:37:21 · 370 阅读 · 0 评论 -
小练习22电子钟
<!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-UA-Compatible" content="ie=edge"> <title>Do.原创 2020-05-19 17:36:15 · 161 阅读 · 0 评论 -
练习21（双11倒计时）
练习21（双11倒计时）2020年5月19日15:46<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .time-item { width: 450px; height: 45px; marg原创 2020-05-19 17:34:07 · 143 阅读 · 0 评论 -
dom 小练习20（关闭广告）
<!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-UA-Compatible" content="ie=edge"> <title>Do转载 2020-05-19 15:12:56 · 250 阅读 · 0 评论 -
dom setTimeout计时器
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-19 15:04:08 · 151 阅读 · 0 评论 -
dom 小练习17（定时跳转页面）
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-19 15:00:36 · 147 阅读 · 0 评论 -
dom 计时器异步队列（执行对列）
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-19 14:59:38 · 101 阅读 · 0 评论 -
dom 小练习15（发送短信）
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-19 14:56:01 · 125 阅读 · 0 评论 -
dom setInterval （计时器）
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-19 14:53:28 · 153 阅读 · 0 评论 -
dom innerwidth innerheight （ 窗口大小事件）
<!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-UA-Compatible" content="ie=edge"> <title>Do转载 2020-05-19 14:50:44 · 379 阅读 · 0 评论 -
dom win事件
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-19 14:49:14 · 158 阅读 · 0 评论 -
dom 输入框特效提示
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-19 14:43:31 · 102 阅读 · 0 评论 -
dom 键盘事件
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-18 20:34:46 · 101 阅读 · 0 评论 -
dom 小练习14（输入框提示符）
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-18 20:33:36 · 163 阅读 · 0 评论 -
dom 小练习13（制作快捷键）
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-18 20:31:46 · 90 阅读 · 0 评论 -
dom 键盘事件对象keyCode
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-18 20:00:38 · 150 阅读 · 0 评论 -
dom 鼠标位置的事件对象
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-18 11:35:45 · 118 阅读 · 0 评论 -
dom 事件委托
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-18 11:28:07 · 75 阅读 · 0 评论 -
dom 组织事件冒泡
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-18 11:27:26 · 150 阅读 · 0 评论 -
dom 事件流
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-18 10:19:58 · 88 阅读 · 0 评论 -
dom 节点（克隆）
```bash<!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-UA-Compatible" content="ie=edge"> <ti.原创 2020-05-18 10:18:29 · 246 阅读 · 0 评论 -
dom 清除事件
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-18 10:17:49 · 409 阅读 · 0 评论 -
dom 组织事件默认方法
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-18 10:17:17 · 200 阅读 · 0 评论 -
dom 事件对象
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-18 10:16:46 · 77 阅读 · 0 评论 -
dom 小练习12（清除表格）
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-18 10:15:55 · 197 阅读 · 0 评论 -
dom 小练习11（清除留言板）
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-18 10:14:45 · 99 阅读 · 0 评论 -
dom 儿子（删除）
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-17 15:04:55 · 280 阅读 · 0 评论 -
dom 小练习10（留言板）
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-17 14:41:44 · 104 阅读 · 0 评论 -
dom练习题9（下拉菜单）
```bash<!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-UA-Compatible" content="ie=edge"> <ti.原创 2020-05-17 14:40:55 · 322 阅读 · 0 评论 -
dom 练习题8（生成表格）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <style> th { width: 100px; background: pink; } </style></head&g原创 2020-05-17 14:40:08 · 197 阅读 · 0 评论 -
html5 resize（是否刻意调整宽度）
none 用户无法调整元素的尺寸。both 用户可调整元素的高度和宽度。horizontal 用户可调整元素的宽度。vertical 用户可调整元素的高度。规定可以由用户调整 div 元素的大小：div{resize:both;overflow:auto;}none 用户无法调整元素的尺寸。 both 用户可调整元素的高度和宽度。 horizontal 用户可调整元素的宽度。 vertical 用户可调整元素的高度。 规定可以由用户调整 div 元素的大小： div { resiz.原创 2020-05-17 14:38:33 · 722 阅读 · 0 评论 -
dom 创建节点
<!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-UA-Compatible" content="ie=edge"> <title>Do原创 2020-05-17 14:19:48 · 82 阅读 · 0 评论