JS-笔记

=================
2017-3-15
=================
预解析
函数和变量有预解析
把声明提到最顶部


作用域
全局：所有函数以外
闭包：子级用父级的变量
局部：函数以内的变量


json=Object
var json={name:value,name:value};
存数据


var str=勺子:50元,梳子:50元,镜子:50元,香水:50元
{勺子:50￥}


引用
对象会产生引用问题
改一个地两个值都变
两个对象完全互等


------------------------------------------


DOM
obj.children 子级
obj.tagName 标签名
obj.childNodes 所有子级（空白字符也是）


获取第一个子级
obj.firstElementChild||obj.firstChild


获取最后一个子级
obj.lastElementChild||obj.lastChild


上一个兄弟节点
obj.previousElementSibling||obj.previousSibling
下一个兄弟节点
obj.nextElementSibling||obj.nextSibling;


创建
var obj=document.createElement('li');
插入
父级.appendChild(obj); 最后添加
父级.insertBefore(obj,在谁前面添加);
删除
父级.removeChild(obj);


获取物体信息
obj.offsetWidth 物体宽度
obj.offsetHeight 物体高度
盒子模型：width/height+padding+border
obj.offsetLeft 定位父级left
obj.offsetTop 定位父级top
绝对位置
obj.getBoundingClientRect().left/top/right/bottom
offsetParent 定位父级


事件
onmouseover
onmouseout
onclick
onfocus
onblur
onload


onmousedown 鼠标按下
onmousemove 鼠标移动
onmouseup 鼠标抬起


事件对象
function (ev){
鼠标距离
ev.clientX
ev.clientY
}


阻止浏览器默认事件
return false;


可视区宽高
document.documentElement.clientWidth
document.documentElement.clientHeight


----------------
留言板 参考各大网站
内容可以上移下移
123  删除  上移  下移
345  删除  上移  下移
拖拽
拖拽百度
拖拽封装
多级菜单