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执行之后才执行
相关文档：
<html>
<head>
<title></title>
</head>
<body>
<form id=aa name=aa>
<input type=button value="同意(10)" id=a1 disabled="disabled">
</form>
</body>
</html>
<script>
var num=10;
window.setTimeout("aa()",1000);
function ......
//定义要打开的对话框页面的地址 一般用action跳转要写明action的地址，如果需要参数，则在后面拼接
var urlDialog = "grpBlackWhiteManageAction.do?act=choiceMessageModel&GrpBWhiteListLevel=0";
//定义要弹出的对话框的模式，dialogWidth宽，dialogHeight高 等等
var style = "dialogWidth=600px;dialogH ......
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下,可以 ......
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() {
......
