function square(num){
var total = num*num;//局部变量
return total;
}
var total = 50;//全局变量
var number = square(20);
alert(total);//结果为50
function square(num){
total = num*num;//全局变量
return total;
}
var total = 50;//全局变量
var number = square(20);
alert(total);//结果为400
这细微的差别就会影响到程序的结果
body{
color:white;
background-color:black;
}
这些颜色不仅作用于那些直接包含在<body>标签里的内容，还将作用于嵌套在body元素内的所有元素
id属性就像一个挂钩，它一头连着文档里的某个元素，另一头连着CSS样式表里的某个样式
document.getElementById("purchases")这个调用将返回一个对象，这个对象对应着document对象里的一个独一无二的元素，那个元素
的的id属性值为purchases
其实，文档中的每个元素都是一个对象。利用DOM提供的方法能够得到任何一个对象。
getElementsByTagName返回一个数组，即使整个文档里只有一个元素，也返回一个数组。
示例：
var items = document.getElementsByTagName("li");
for(var i = 0;i<items.length;i++){
alert(typeof items[i]);
}
显示信息都是object
getElementByClassName
也返回一个具有相同类名的元素数组
获取和设置属性
getAttribute
object.getAttribute(attribute)
注：getAttribute方法不属于document对象，它只能通过元素节点对象调用。
setAttribute
object.setAttribute(attribute,value)
例子：
var shopping = document.getElementById("purchases");
shopping.setAttribute("title","a list of goods");