9.22 CSS复合属性和JavaScript在Html页面中的执行顺序
CSS复合效果
CSS的效果是可以重叠的，例如class="a b"，那么这个节点就同时拥有了a和b的属性，并且，b可以覆盖a的属性。
JavaScript在Html中的执行顺序
经过简单测试，发现JavaScript的执行顺序是按照js的加载顺序进行的，而onload函数是在整个页面加载完成后才开始执行。
我的测试文件：
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<mce:script language="javascript" type="text/javascript"><!--
alert("JS in the Header!");
function loadon(){
alert("onload!")
}
// --></mce:script>
</head>
<body onload="loadon()">
TODO write content
<mce:script language="javascript" type="text/javascript"><!--
alert("Before the </body>");
// --></mce:script>
</body>
</html>
执行结果：
由此可以看出：
header中的js代码先加载，因此也先执行
body中的其次加载
onload是在body完全加载结束之后才加载，因此是在body中的js执行之后才执行
相关文档：
注： http://www.java114.com/277/content4355.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> upload </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME ......
var docEle = function() {
return document.getElementById(arguments[0]) || false;
}
function cloDiv(){
var overlayID="overlay";
var msgID = "overlayMsg";
document.body.removeChild(docEle(overlayID));
document.body.removeChild(docEle(msgID));
}
function openNewDiv() {
......
1.document.formName.item("itemName") 问题
说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["elementName"].
解决方法:统一使用document.formName.elements["elementName"].
2.集合类对象问题
说明:IE下,可以使用() ......
继承机制，说到继承，就要想到从基类开始，但是JavaScript中的类有两大类：一，内嵌的；二，用户自定义；一般前者不会被用来做基类，原因是为了保障js的安全。但是我们可以通过prototype来对基类进行扩充，增加我们想要的属性和方法。以下是自己对继承的几种方式的理解。
1> 对象 ......
keycode 0 =
keycode 1 =
keycode 2 =
keycode 3 =
keycode 4 =
keycode 5 =
keycode 6 =
keycode 7 =
keycode&nb ......
