|
完成以上代碼后，我們可以新建一個htm文件來測試一下表現層的工作是否正常。
test.htm
<!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>
<!--加入webservice連接-->
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>v2</title>
<style>...
.assessmentDiv{...}{
font-size:14px;
background-color:#FFFFCC;
}
.assessmentDivLists{...}{
font-size:12px;
padding-left:10px;
}
.assessmentDivNodata{...}{
background-color:#FF9900;
color:#FFFFFF;
font-weight:bolder;
}
.assessmentDivLoad{...}{
background-color:#3399CC;
color:#FFFFFF;
font-weight:bolder;
}
.assessmentDivList{...}{
background-color:#666600;
color:#FFFFFF;
font-weight:bold;
}
.pass{...}{
color:#666600;
}
.nopass{...}{
color:#FF3300;
}
</style>
<script language="javascript" src="assessmentList.js"></script><!--表現層類-->
</head>
<body >
<div>測試成績單 表現</div>
<div><script language="javascript" type="text/javascript">...
var a =new Array(0.4,0.3,0.7,1,0.1,0.3);// 這是測試用的array數據。
var testAS = new assessmentList(60,a);
testAS.build();
</script></div>
</body>
</html>
表現層創(chuàng)建結束。接下來是數據與控制了。
前面我們講了表現層的制作，接下來是數據層了。我們可以把它看成是一個倉庫，需要的時候就調用方法，當然在這之前我們要初始化他。
出處：藍色理想
責任編輯：moby
上一頁 Js 按照MVC模式制作自定義控件 [1] 下一頁 Js 按照MVC模式制作自定義控件 [3]
◎進入論壇網頁制作、網站綜合版塊參加討論
|
第 1 頁 
第 2 頁 Js 按照MVC模式制作自定義控件 [2]
