1. JS中所有的.都可以用[]来替换，但[]不一定能用.替换。因为[‘string’]中的‘string’可以存在一个变量（参数）里，即[variable]。

1. 提取事件：将行间事件提到函数里。oBtn.onclick = abc();2. window.onload（事件） = function(){当页面元素加载完之后再执行的代码}3. 行为，样式，结构三者分离。别加行间样式，别加行间js。4. 给页面元素分组：用一个div把一组input套起来，选中时用oDiv.getElementsByTagName()。

1. 每次选中一个选项卡，如何实现：清空当前所有的选中，然后选中this对应的。2. 选项卡下面的内容跟着变：为选项卡按钮和内容面板添加对应的index（在js中）。相同index的将获得显示。3. innerHTML:html标签之间的内容，可以是html代码哟。（input标签用value）

1. Dom与Bom：Dom 跟document有关的操作Bom 跟window有关的操作，弹窗口。（不常用，完全不兼容）2. 数据类型转换函数：parseInt(str)3. 局部变量：用var在function内部定义的4. 全局变量：在<script>标签，所有函数之外定义的。5. 闭包：子函数可以使用父函数的变量。

json类似于数组，但是用花括号来定义。如果值是字符串，要用引号（但key不能用引号）。例：var j1 = {a='b'};alert(j1.a); 或 alert(j1[a]);如果key是数字，取值时不能用.而要用[]，与数组相同。例：var j2 = {1='a'};alert(j2[1]);arguments[] js函数的参数数组内部隐含变量。function(obj, name, value){}就相当与function（）{var obj = arguments[0];var name = arguments[1];var value = arguments[2];}oDiv.style.width -- 获取行间样式oDiv.currentStyle.width -- 获取非行间样式（只兼容IE和高版本Chrome）火狐用getComputedStyle(oDiv,false)--多处都能控制样式，计算机要计算才能决定最终样式.(第二个参数没有用)JS第二原则：凡是好东西都不兼容。处理兼容：if(oDiv.currentStyle){//IE 只能取单一样式（width，backgroundColor），不能取复合样式（background）}else{//FF}99%兼容问题都用if解决。可以封装成一个函数，避免多处都要if else判断。放到公共库中，总结出自己的库。splice(起点，长度) 删除splice(起点，长度，字符s)先删除，再插入var c = a.concat(b), a,b不会变(数组有concat方法字符串也有.字符串和数组可以做concat，字符串在前就concat成字符串带逗号的，数组在前就concat成数组)arr.sort();按首字母排arr.sort(function(n1,n2){n1-n2})当arr中放的是数字数组时，要自己传入比较函数。a.join('-');把数组join成字符串（数组有join方法，字符串没有）

定时器1：var timer = setInterval(show,1000)定时器2：setTimeout(show,1000)执行一次关闭定时器：clearInterval(timer); clearTimeout(timer);var oDate = new Date();oDate.getHours(); 返回数字oDate.getMinutes(); 返回数字oDate.getSeconds(); 返回数字字符串：str[i]有兼容问题，用str.charAt(i)无兼容问题

domEle.offsetleft;综合考虑所有影响该物体的左边距的因素后得出的值。包括left和margin等。oUL.innerHTML得到的是ul内部包含的li。无缝滚动练习，未做。学习CSS.

Dom节点取子节点：children（节点子元素）或用ChildNodes + NodeType（1、3）Dom节点取父节点：parentNode（结构上的父节点）；offsetParent（用来定位的父节点，有定位的意思是设置了position:xxx,如果直接父节点没有设置position，会根据再上一级有position的父节点定位）