小问题，大体现（给自己的小本子，持续补充中）

1.对函数的声明。不一定要常规性function直接就声明，可以从多角度思考，比如匿名函数，递归函数，闭包函数等等，加深对这些函数的概念认识和用处。

2.getElementsByTagName中间那个S要谨记啊 动手能力差的孩子，说好的码农呢？？

 

3.需要js修改页面样式的时候，如果需要改动的样式比较少，直接js调用css修改即可；如果需改动的样式比较多，那需要js改变标签的样式名来引用不同的已编排好的样式。

 

4.index（）方法返回指定元素宪兵队于其他指定元素的index位置。元素可通过JQuery选择器或DOM元素来指定。（如果未找到元素，index将默认返回-1）；获得第一个匹配元素相对于其同胞元素的index位置。 $（select）.index()

 

5.zoom属性是IE专有，可以设置或检索对象的缩放比例。还有触发IE的haslayout属性，清除浮动‘清除margin的重叠。ep：overflow:hidden;与zoom：1；是连起来用的，作用是清除border内部浮动。

 

6.给多个同级标签绑定事件的时候，可以用FOR语句

for(var i = 0; i<oSkin.length; i++)

{

oSkin[i].onclick = function ()

{

/*触发函数内容*/

}

 

7.用getElementsByTagName一般都可以用数组来储存某种特定的标签。

 var oInput =  document.getElementsByTagName("input");

 

8.文章自动断行 word-wrap:break-word;overflow:hidden;

 

9.当脚本需要对样式进行比较复杂的改动，应采用更改样式的方式来引用不同样式。

 

10.td .a{

color: #006600}
td.b{
color: #FF0000}
</style>

 

<table>
  <tr>
    <td class="b">
  <div>
        <ul class="a">
  <li>这里是标签"li"</li>
  </ul>
        </div>

</td>

  </tr>
</table>

　　在ＣＳＳ文件里td后面跟着的class名是 a 和 b ,a里面我定义的字体颜色是绿色，b里面我定义的字体颜色是红色．现在我要说的是，这两个样式表写法都是正确的，类名b没有空格连着元素<td>，而类名a有空格接着元素<td>，运行此代码，你发现页面显示字体为绿色，这说明页面读取了样式表td空格a的内容，由此我们可以推断，页面样式表文件是按照页面元素由里到外的次序来读取的，取近舍远的原则。

　　如果我们把样式表td空格a的空格去掉，你会发现，现在页面字体的颜色是读取的样式表b里的内容，字体变为红色的了。这说明了不空格的样式表写法是针对在当前所在元素内而定的，(因为在页面td元素代码里我们只有写class=b，而没有a，所以a样式表的内容将不在页面中表现出来),而有空格的样式表写法是继承了当前元素内某个元素而定，通过反复的几次测试，继承的层级至少是一个层级以上就可以了，具体没有严格的规定。

PS：没空格就是说针对td这一元素里面有定义的b样式表，有空格的话就是说继承了td这一元素的下级元素的样式表。

 

11.文字与图片，input类标签放一同一行时候，就要注意设置垂直对齐属性 vertical-align。

 

12.对隐藏版块的反复切换效果

oIme.style.display =  oIme.style.display == "block"? "none":"block"

 

13.innerHTML :从对象的起始位置到终止位置的全部内容，包括标签。<span     style="color:red">test1</span> test2 ”

innerText：从开始到终止位置的内容，不包括html标签。

outerHTML: 包含innerHTML的全部内容，还包括对象标签对象。<div id="test"><span style="color:red">test1</span> test2</div>