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执行之后才执行
相关文档：
1.Text 单行单列输入元素
功能：对Text标识中的元素实施有效的控制
基本属性：
Name：设定提交信� ......
最短的拖动代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script l ......
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() {
......
解决Firefox 下F5和IE下F5 不一致的javascript 脚本.
var check=function(e)
{
e=e||window.event;
//alert(e.which||e.keyCode);
if((e.which||e.keyCode)==116)
{
if(e.preventDefault)
{ e.preventDefault();}
&nb ......
1>zInherit：
它是一个组件，用来继承基类的所有属性和方法。跟以前说到的原型链模式非常类似，只不过比原型更安全，也无须考虑参数问题。下面看看zInherit的用法：
该组件中只有两个方法：inheritfrom() instanceof()
func ......
