Beware beginning

事件冒泡 多个元素嵌套 有层次关系 这些元素都注册了相同的事件 如果里面的元素事件触发了 外面的元素的该事件自动的触发了。 解决方法： xx.onclick=function(){ window.event.cancelBubble = true; //1.ie 谷歌支持 火狐不支持 } xx.onclick=function(e){ e.stopPropagation(); //2. 火狐 谷歌支持 } 事件捕获（event capturing）：通俗的理解就是，当鼠标点击或者触发dom事

解绑事件 1. xx.onClick = null 2. 需要在绑定事件的时候 使用命名函数 xx.removeEventListener("click",function(){ } ,false); xx.detachEvent("onclick",f1); 3.解绑事件

节点包括 标签 属性 文本 而元素只是标签 nodeType: 1--标签 2--属性 3--文本 nodeName: 节点的名字 标签节点--大写的标签名字 属性节点--小写的 属性名字 文本 节点--内容 nodeValue: 节点的值 标签节点--null 属性节点--属性值 文本节点--文本内容 var i = document.getElementById('XX') i.parentNode i.parentElement i.childNode

document.getElementById("btn").onclick=function(){ alert("123"); } 在html里调用函数 不方便维护 <input type="button" onclick="f1()"> var btnObj = document.getElementById("btn"); btnObj.onclick = f2; // 不能用f2() //最终版 直接用匿名函数 var btnObj = document.getElementBy

js中声明变量都用var 存储数据 数据应该有对应的数据类型 存储一个数字10 变量的声明及赋值 var num = 10 存储一个名字 字符串用单引号或双引号 var name = "小黑" number 数字 类型 string 字符串 boolean 布尔类型 null： 空类型 一个对象指向为空 此时可以赋值为null undefined: 未定义 值只有一个 undefined 什么情况是undefined？ 变量声明了 但没有赋值 结果 是undefined 函数没有明确返回值 N

分3个部分： ECMAScript 标准 ---- Js的基本语法 DOM Document Object Model 文档对象模型 BOM Browser Object Model 浏览器对象模型 JS是什么？ 是一门脚本语言 不需要编译 浏览器可以直接运行 eg：c语言写完 需要编译成二进制文件 常见的脚本语言：sql,cmd 是一门解释性语言 是一门动态类型的语言 JS一般写在body标签的最后部分 如果写在前面 可能 html标签还没加载完 就读取html信息 会.

一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距 会和其内部文档流中的第一个子元素的上边距重叠 为父div设置border 在父div里面设置了padding-top margin是用于隔开两个独立元素， 而padding用域隔开元素及其元素内部内容。其实子div相当于父div的内容， 为了使元素和内容隔开，可以使用padding ...

当对多个元素同时设置定位时 后来者居上 z-index 决定次序 设置position是 会默认加 z-index:0 z-index越大 越在前面

元素的定位属性主要包括定位模式和边偏移两部分 边偏移 top 定义元素相对于其父元素上边线的距离 bottom left right 定位模式： static 自动定位 网页中所有元素都默认是静态定位 唯一的用处 就是 取消定位 relative 相对定位 相对于原文档流的位置进行定位 每次移动都是已自己左上角为基准点移动 和浮动的区别是 他虽然移动了位置 但是原位置的div 还继续占有 absolute 绝对定位 和浮动一样 不占

消除浮动的本质就是为了解决父级元素因为子级浮动引起内部高度为0的问题 方法: 1. 额外标签法: 选择器{ clear:属性值; } 属性值 left right both 在父级块元素中最后一个子div后面 添加一个新标签 例如 .clear{ clear: both; } <div class = "clear"></div> 2. 给父亲div添加overflow 为 hidden| ...

添加浮动后 元素会具有行内块元素的特点 如果已经给行内元素添加了浮动 此时不需要把这个元素转换为行内块元素也可以有宽高 加了浮动的元素盒子是浮起来的 漂浮在其他的标准流盒子上面 加了浮动的盒子 不占位置 原来的位置漏给了标准流的盒子 ...