1.JS代码解析
javascript作为一种脚本语言可以放在html页面中任何位置，但是浏览器解释html时是按先后顺序的，所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面，因为初始化都要求提前进行（如给页面body设置css等）；而如果是通过事件调用执行的function那么对位置没什么要求的。
2.JS变量
变量命名规则：
1.变量必须使用字母、下划线(_)或者美元符($)开始。
2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。
3.不能使用JavaScript关键词与JavaScript保留字。
注意:
1. 在JS中区分大小写，如变量mychar与myChar是不一样的，表示是两个变量。
2. 变量虽然也可以不声明，直接使用，但不规范，需要先声明，后使用。
3.JS 操作HTML样式
语法：Object.style.property=new style
注意-->JS中调用样式时，使用连字符的属性名称需要改为驼峰式的名称才能正常使用，如mychar.style.backgroundColor，css中的background-color要更改为backgroundColor，去连字符，第二个单词首字母大写。
4.控制类名
语法：object.className=classname
它可以获取class类名，还可以为某个元素指定一个CSS样式来改变元素的外观。
5.重置 removeAttribute
//定义"取消设置"的函数
function CancelSet(){
var mymes=confirm("是否要取消以上所有的设置：");
if(mymes==true){
var mytxt=document.getElementById("txt");
// mytxt.removeAttribute("display","height","width","color","backgroundColor")
mytxt.removeAttribute("style");
}else{
alert("你取消了设置")
}
}
Obj.removeAttribute()这个是用来删除指定属性的，所以这里去掉style属性写为mytxt.removeAttribute("style")。
和Obj.setAttribute()这两个
通过对比，我们可以看出 setAttribute('class', 'foo')，removeAttribute('class')，classList 的操作都是针对整个class属性的，而 classList 下的方法 add() 、 remove() 则是针对 classList 数组进行操作的。所以，在使用时，如果是不管元素上面的 class 有什么，只需要将其设置成我们想要的属性时，我们可以使用 setAttribute('class', 'foo') 和 classList 来设置。当然，也可以通过正则或者其他方法，达到替换某个类的效果（如 'foo boo' -> 'foo voo'），但是这样本质上是整个替换，而 classList.add()和 classList.remove() 则更加直接地对某个类进行增加、修改或删除，也避免了重复添加相同类的尴尬。
http://blog.csdn.net/pan_junbiao/article/details/9262637
6. getAttribute &setAttribute
语法：elementNode.getAttribute(name) 通过元素的属性名称获得属性的值,name要加引号。
1)elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。
2).name：要想查询的元素节点的属性名字
语法：elementNode.setAttribute(name,value)（name和value要加引号）
说明：
1) name: 要设置的属性名。
2) value: 要设置的属性值。
注意：
1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性，该方法将创建一个新属性。
2.类似于getAttribute()方法，setAttribute()方法只能通过元素节点对象调用的函数。