属性操作、图片切换笔记

1.    HTML属性操作：读和写。标签内的属性包括：属性名、属性值。

2.    属性的读操作：获取或者说找到的功能。使用方法：元素.属性名。

3.    具体频繁的应用有：字符串连接。使用方法：属性名称 + 字符串 + 属性名称，但实际上是利用属性名称表示属性值。如此的显示效果就是属性值与字符串之间的连接。

4.    属性的写操作：替换或者说是修改的功能。使用方法：元素.属性名 = 新的属性值。

5.    innerHTML表示在某个元素里面的HTML内容，即用户可见的页面内容。

a)      使用方法一：“元素.innerHTML”表示读取元素内的所有HTML内容。

b)      使用方法二：“元素.innerHTML = 新的属性值”表示替换元素内的所有HTML内容。

6.    在JS中，支持部分C语言用法，比如：“a = a + b;” 与“ a += b;”这两条语句的功能完全相同；再比如：“n++”与“n--”表示每次递增一个数或每次递减一个数。

7.    实现“添加”功能的方法1：用字符串拼接的方法进行添加，即在原有的内容上在加上新的字符串。例如：“oDiv.innerHTML += oSpan.innerHTML+ oText.value + '<br/>';”。

8.    JS中不允许出现“-”，即横杠，只能将“-”取消，并且把“-”后面的首字母变成大写。例如："font-size"必须写成“fontSize”。

9.    在JS中我们用“className”来表示HTML和CSS中的“class”义项。原因如下：

a)      保留字：随着时代的发展，JS可能将这些单词变成关键字的单词，但现在还未添加到关键字列表中。因此，为JS保留下来的单词。所以，用户不能使用这些单词进行定义或操作。例如：class。

b)      关键字：JS语言中用到的已被定义的单词。例如：var和function。

10.  在JS中为元素添加样式组要用className，例如：oDiv1.className = 'beauty';。注意：在外部样式表中描写具体样式，再用JS引用。

11.  不能拿来做判断的命令：

a)      所有的相对路径都别拿来做判断（虽然不能拿来读，但是可以拿来写）！！！比如说：img.src、href='html/index.html'这种路径不能拿来读，更不能拿来做判断。

                  i.          当然绝对路径是可以拿来读和判断的，比如说：img.src='http://www.miaov.com/1.jpg'。

b)      颜色值不要拿来做判断！！！例如：color:red/#fff/rgb(250,0,0);。

c)      innerHTML值别拿来做判断！！！

12.    IE6，IE7，IE8不支持JS的表单类型转换，会报错！！！解决方法：在JS中可以用display：block/none;来解决以上的问题。具体方法为先让button显示，当用户点击后，再让button消失，最后让原本隐藏的checkbox显示出来，就可以了。

13.    JS中浮动的注意事项：

a)      “oDiv.style.float = 'left';”在一些老版本的浏览器下，不支持此类用法。因此，在做IE兼容时，要加上针对IE用户的“oDiv.style.styleFloat = 'left';”和针对非IE用户的“oDiv.style.cssFloat = 'left';”（不推荐此法）。

b)      在外部样式表中写入“.left{ float:left;}”和“.right{ float:right;}”。然后只需要在<script>标签中，对某元素加入class就可以了，例如：oDIv.style.className = 'left'（推荐！）。

14.    关于兼容的看法：

a)      技术上：必须能做到掌握兼容性，脑子中要有兼容性的解决方案；

b)      需求上：可以商量着来（只需要提供最准确的呈现方案，解决问题就行）。

15.    oDiv.style.oAttr.value = 'oVal.value';相当于在oDiv下加了这么一条样式为style:"oAttr.value"，但是在CSS中是没有这种命令的。因此，此句解析不出来。“.”后面的值无法获取（读，替换，修改）。

a)      解决方法：JS中允许“.”替换成“[]”。oDiv.style[' oAttr.value '] = 'oVal.value';，[]里面应该写的是字符串，并且[]里面的值可以支持获取（读，替换，修改）。