12 2019 档案

小项目（冒泡事件的使用）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-29 15:28 loongw 阅读(181) 评论(0) 推荐(0)

事件类型（移动端触摸）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-29 15:00 loongw 阅读(164) 评论(0) 推荐(0)

事件类型
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-29 14:59 loongw 阅读(141) 评论(0) 推荐(0)

Event对象跨浏览器兼容性写法
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-29 13:31 loongw 阅读(387) 评论(0) 推荐(0)

IE8中的Event对象属性与方法
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 20:05 loongw 阅读(513) 评论(0) 推荐(0)

Event对象属性与方法
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:39 loongw 阅读(1167) 评论(0) 推荐(0)

事件委托
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:35 loongw 阅读(151) 评论(0) 推荐(0)

事件冒泡和事件捕获
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:33 loongw 阅读(125) 评论(0) 推荐(0)

跨浏览器事件处理程序
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:31 loongw 阅读(164) 评论(0) 推荐(0)

IE事件流
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:30 loongw 阅读(178) 评论(0) 推荐(0)

事件解绑removeEventListener
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:28 loongw 阅读(477) 评论(0) 推荐(0)

DOM2级事件addEventListener
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:25 loongw 阅读(229) 评论(0) 推荐(0)

拆分文本节点splitText()
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:24 loongw 阅读(644) 评论(0) 推荐(0)

合并文本节点normalize()
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:22 loongw 阅读(352) 评论(0) 推荐(0)

克隆节点cloneNode()
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:20 loongw 阅读(783) 评论(0) 推荐(0)

删除子节点removeChild()
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:18 loongw 阅读(365) 评论(0) 推荐(0)

替换子节点replaceChild()
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:17 loongw 阅读(223) 评论(0) 推荐(0)

插入前置节点insertBefore()
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:16 loongw 阅读(367) 评论(0) 推荐(0)

添加子节点appendChild()
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:14 loongw 阅读(871) 评论(0) 推荐(0)

空文本节点
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:11 loongw 阅读(211) 评论(0) 推荐(0)

节点值nodeValue
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:09 loongw 阅读(530) 评论(0) 推荐(0)

节点名称nodeName
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:08 loongw 阅读(869) 评论(0) 推荐(0)

节点类型nodeType
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:07 loongw 阅读(482) 评论(0) 推荐(0)

根节点ownerDocument
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:06 loongw 阅读(144) 评论(0) 推荐(0)

兄弟节点previousSibling、nextSibling
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:05 loongw 阅读(291) 评论(0) 推荐(0)

判断是否有子节点hasChildNodes()
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:04 loongw 阅读(1414) 评论(0) 推荐(0)

元素子节点children
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:03 loongw 阅读(318) 评论(0) 推荐(0)

子节点childNodes
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:02 loongw 阅读(184) 评论(0) 推荐(0)

父节点parentNode
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-28 19:00 loongw 阅读(679) 评论(0) 推荐(0)

create系列创建节点的方法
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-21 17:21 loongw 阅读(443) 评论(0) 推荐(0)

事件类型（键盘事件）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-21 17:18 loongw 阅读(584) 评论(0) 推荐(0)

事件类型(鼠标事件)
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-21 17:17 loongw 阅读(476) 评论(0) 推荐(0)

事件类型（onchange）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-21 17:16 loongw 阅读(595) 评论(0) 推荐(0)

事件类型（onfocus和onblur）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-21 17:15 loongw 阅读(423) 评论(0) 推荐(0)

事件类型（onload）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-21 17:14 loongw 阅读(474) 评论(0) 推荐(0)

DOM0级事件
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-21 17:12 loongw 阅读(490) 评论(0) 推荐(0)

HTML事件(onclick、onmouseover、onmouseout、this)
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-21 17:11 loongw 阅读(1695) 评论(0) 推荐(0)

window对象方法（open和close）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-21 17:08 loongw 阅读(811) 评论(0) 推荐(0)

window对象方法（alert-confirm-prompt）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-21 17:07 loongw 阅读(557) 评论(0) 推荐(0)

window对象（全局对象）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-21 17:06 loongw 阅读(1029) 评论(0) 推荐(0)

screen对象及属性(availWidth、availHeight)
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-21 17:05 loongw 阅读(438) 评论(0) 推荐(0)

navigator对象及属性（userAgent）（扩展）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-21 17:02 loongw 阅读(969) 评论(0) 推荐(0)

location对象方法(assign()、reload()、replace())
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-21 17:00 loongw 阅读(659) 评论(0) 推荐(0)

location对象属性
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-21 16:59 loongw 阅读(377) 评论(0) 推荐(0)

定时器 间隔调用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 阅读全文

posted @ 2019-12-21 16:57 loongw 阅读(385) 评论(0) 推荐(0)

定时器 延时调用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 阅读全文

posted @ 2019-12-21 16:56 loongw 阅读(538) 评论(0) 推荐(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 阅读全文

posted @ 2019-12-15 21:58 loongw 阅读(1283) 评论(0) 推荐(0)

DOM(innerHTML和className)
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-14 21:36 loongw 阅读(339) 评论(0) 推荐(0)

DOM设置css样式
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>DOM设置css样式</title> <!-- p.style.fontSize=100px; 解读： 设置元素p的样式字体大小=100px; 样式属性不能有“ 阅读全文

posted @ 2019-12-14 19:58 loongw 阅读(1798) 评论(0) 推荐(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 阅读全文

posted @ 2019-12-14 19:57 loongw 阅读(189) 评论(0) 推荐(0)

最后执行finally
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-14 17:31 loongw 阅读(184) 评论(0) 推荐(0)

自定义错误throw
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-14 17:30 loongw 阅读(239) 评论(0) 推荐(0)

函数对话框confirm()
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-14 17:28 loongw 阅读(179) 评论(0) 推荐(0)

捕获错误并处理try-catch
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-14 17:27 loongw 阅读(777) 评论(0) 推荐(0)

date对象设置set
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-12 22:48 loongw 阅读(299) 评论(0) 推荐(0)

date对象获取get
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-12 21:52 loongw 阅读(445) 评论(0) 推荐(0)

数组增、删方法（push()-unshift()-pop()和shift()）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-08 17:15 loongw 阅读(603) 评论(0) 推荐(0)

数组排序方法（join()、reverse()、sort()）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-08 17:13 loongw 阅读(555) 评论(0) 推荐(0)

函数的返回值return
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-06 18:49 loongw 阅读(1107) 评论(0) 推荐(0)

函数function
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-06 18:48 loongw 阅读(200) 评论(0) 推荐(0)

Array数组
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-06 18:46 loongw 阅读(291) 评论(0) 推荐(0)

break与continue
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-06 14:43 loongw 阅读(135) 评论(0) 推荐(0)

while循环
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-06 13:20 loongw 阅读(172) 评论(0) 推荐(0)

switch语句
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-05 23:17 loongw 阅读(174) 评论(0) 推荐(0)

for循环
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-05 23:03 loongw 阅读(306) 评论(0) 推荐(0)

if语句
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-05 23:01 loongw 阅读(552) 评论(0) 推荐(0)

javascript逻辑非（！/！！）
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <met 阅读全文

posted @ 2019-12-05 15:09 loongw 阅读(2140) 评论(0) 推荐(0)

javascript逻辑或（||）
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <met 阅读全文

posted @ 2019-12-05 15:08 loongw 阅读(684) 评论(0) 推荐(0)

javascript逻辑与（&&）
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <met 阅读全文

posted @ 2019-12-05 15:06 loongw 阅读(596) 评论(0) 推荐(0)

JavaScript里的递增"++"和递减"--"
摘要：递增"++"，表示在原来的数值上+1 tips：比如a=1,那么++a或者a++都等于2。 递减"--"，表示再原来的数值上-1，前置/后置递减计算过程同递增 tips：比如a=1,那么--a或者a--都等于0。 1）前置递增 ++a，先计算出递增后的值，再进行其他运算和赋值 tips：比如a=1, 阅读全文

posted @ 2019-12-03 22:22 loongw 阅读(1051) 评论(0) 推荐(0)

导航