Web APis
㼛思雨
Web. Write Less,Do More
展开
-
createElement效率测试(73)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>效率测试</title></head><body></body><script> function fn() { var d1 = +new Date(); for (...原创 2020-07-10 15:04:09 · 190 阅读 · 0 评论 -
innerHTML数组效率测试(72)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>效率测试</title></head><body></body><script> function fn() { var d1 = +new Date(); var ar...原创 2020-07-10 15:02:46 · 249 阅读 · 0 评论 -
innerHTML拼接效率测试(72)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>效率测试</title></head><body></body><script> function fn() { var d1 = +new Date(); var str ...原创 2020-07-10 15:01:27 · 365 阅读 · 0 评论 -
三种动态创建元素区别(71)
<!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...原创 2020-07-10 14:59:44 · 128 阅读 · 0 评论 -
javasript动态生成表格(70)
<!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"> &l...原创 2020-07-10 14:54:41 · 189 阅读 · 0 评论 -
节点操作之克隆节点(69)
<!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"> <titl...原创 2020-07-10 14:45:06 · 167 阅读 · 0 评论 -
开发删除留言板块(68)
<!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"> <tit...原创 2020-07-09 10:41:00 · 106 阅读 · 0 评论 -
删除节点(67)
<!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"> <...原创 2020-07-09 10:38:24 · 105 阅读 · 0 评论 -
开发简单版发布留言板块(66)
<!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"> <tit...原创 2020-07-09 09:22:52 · 175 阅读 · 0 评论 -
创建和添加节点(65)
<!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-07-09 09:22:39 · 191 阅读 · 0 评论 -
兄弟节点(64)
<!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...原创 2020-07-09 09:22:26 · 227 阅读 · 0 评论 -
新浪下拉菜单开发实践(63)
<!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...原创 2020-07-09 09:22:10 · 201 阅读 · 0 评论 -
子节点-第一个元素和最后一个元素(62)
<!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&g...原创 2020-07-09 09:21:57 · 235 阅读 · 0 评论 -
子节点操作和节点层级(61)
<!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"> <tit...原创 2020-07-08 10:32:32 · 317 阅读 · 0 评论 -
父节点操作流程和节点层级(60)
<!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"> <tit...原创 2020-07-08 10:29:27 · 540 阅读 · 0 评论 -
节点操作概述(59)
<!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"> <...原创 2020-07-08 10:25:42 · 340 阅读 · 0 评论 -
H5自定义属性(58)
<!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"> <titl...原创 2020-07-08 10:20:26 · 123 阅读 · 0 评论 -
开发tab栏之切换场景(57)
<!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"> <tit...原创 2020-07-08 10:15:50 · 147 阅读 · 0 评论 -
自定义属性的操作之获取属性值(56)
<!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&g...原创 2020-07-08 10:13:05 · 152 阅读 · 0 评论 -
表单全选和取消全选效果(55)
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .wrap { ...原创 2020-07-08 10:09:09 · 356 阅读 · 0 评论 -
表格隔行变色(54)
<!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...原创 2020-07-08 10:04:33 · 112 阅读 · 0 评论 -
百度换肤效果(53)
当我们鼠标按哪一个小图片,背景就会显示哪个大图片!<!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" ..原创 2020-07-08 10:02:18 · 148 阅读 · 0 评论 -
排他思想(算法)(52)
<!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&...原创 2020-07-08 09:57:36 · 212 阅读 · 0 评论 -
利用DOM可以操作如下表单元素的属性(51)
原创 2020-07-04 21:04:29 · 162 阅读 · 0 评论 -
操作元素案例 (50)
原创 2020-07-04 07:12:55 · 57 阅读 · 0 评论 -
操作元素2(49)
原创 2020-07-03 16:24:25 · 75 阅读 · 0 评论 -
innerText和innerHTML的区别(48)
原创 2020-07-03 16:20:00 · 98 阅读 · 0 评论 -
操作元素(47)
原创 2020-07-03 16:14:29 · 90 阅读 · 0 评论 -
执行事件的步骤(46)
原创 2020-07-03 16:09:25 · 162 阅读 · 0 评论 -
事件基础(45)
原创 2020-07-03 16:04:49 · 91 阅读 · 0 评论 -
获取特殊元素(body,html)(44)
原创 2020-07-03 16:01:09 · 147 阅读 · 0 评论 -
通过HTML5新增的方法获取元素(43)
原创 2020-07-03 15:52:42 · 152 阅读 · 0 评论 -
getElementsByTagName获取元素(42)
原创 2020-07-03 15:39:07 · 134 阅读 · 0 评论 -
什么是DOM和如何获取页面元素?(41)
原创 2020-07-03 15:00:22 · 156 阅读 · 0 评论 -
操作元素总结(60)
原创 2020-07-06 06:42:06 · 109 阅读 · 0 评论 -
仿开关灯案例(59)
<!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...原创 2020-07-05 11:17:24 · 108 阅读 · 0 评论 -
密码框格式提示错误信息(58)
<!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"> <t...转载 2020-07-05 11:14:46 · 648 阅读 · 0 评论 -
通过className更改元素样式(57)
<!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...原创 2020-07-05 11:11:15 · 499 阅读 · 0 评论 -
显示隐藏文本框内容(56)
<!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"> <titl...原创 2020-07-05 11:07:22 · 174 阅读 · 0 评论 -
循环精灵图背景(55)
<!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"> <titl...原创 2020-07-05 11:03:39 · 262 阅读 · 0 评论