CSS属性和取值范围：   http://htmldog.com/reference/cssproperties/

CCS选择符

• 多个选择符，用逗号分隔
• 上下文选择符，中间是空格
• ID选择符
• 伪类选择符   :hover    :visited
• 属性选择符（CSS3新功能）    input[type="text"]{ background-color:silver;}

http://www.prosetech.com/html5/Chapter%2002/ApocalypsePage_Original.html

JavaScript支持的事件更多参见：http://www.w3school.com.cn/html5/html5_ref_eventattributes.asp

JavaScript数组异常灵活，不必定义数组的项数。

var colorList=[];

colorList.push("green");

colorList.push("red");

或colorList[3]="magena";

JavaScript在沙箱中运行，能够做的就是更新页面；从服务器取得数据和向服务器发送数据

常用的HTML对象属性

• className
• innerHTML
• parentElement
• style
• tagName  //返回不带尖括号的HTML元素的标签名，譬如img

动态链接事件

<script>

window.onload = function() {

  var imgObject = document.getElementById("dayImage");

  imgObject.onclick = swapImage;         //千万不要写成 imgObject.onclick = swapImage().  这样会把执行函数的返回值用于设置结果处理程序的

};

var dayTime = true;

function swapImage() {

  //用户点击的时候触发这个函数

  var imgObject = document.getElementById("dayImage");

  if (dayTime == true) {

    dayTime = false;

    imgObject.src = "cloudy.jpg";

  }

  else {

    dayTime = true;

    imgObject.src = "sunny.jpg";

  }

}

</script>

嵌入事件

上面的例子也可以这样写

var imgObject = document.getElementById("dayImage");

imageObject.onclick=function(){

    //原来的swapImage的代码放到这里

}