<html>
<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
<title>競價機票比價結果報表</title>
<script language="JavaScript">
$(document).ready(function(){
{
var obj=new Object();
obj.srcCity="蘇州";
obj.desCity="北京";
obj.flightNo="HO1199";
obj.flightTime="17:45";
obj.compareDate=89;
obj.competitorPrice="abc";
obj.same=12;
obj.NSysLag=23;
obj.NVacationLag=24;
obj.a1="";
obj.a2="";
obj.a3="";
obj.a4="";
var args=new Array();
var j=0;
for (var key in obj )
{
args[j++]=obj[key];
}
var str1='<tr>';
var str2;
for(var i =0;i<args.length;i++){
str2=str2+'<td>{'+i+'}</td>';
}
var str3=str1+str2+'</tr>';
$("#myTable").append(str3.format(args));
}
});
String.prototype.format = function(args) {
var result = this;
if (args.length > 0) {
if (args.length == 1 && typeof (args) == "object") {
for (var key in args) {
if(args[key]!=undefined){
var reg = new RegExp("({" + key + "})", "g");
result = result.replace(reg, args[key]);
}
}
}
else {
for (var i = 0; i < args.length; i++) {
if (args[i] != undefined) {
var reg= new RegExp("({)" + i + "(})", "g");
result = result.replace(reg, args[i]);
}
}
}
}
return result;
}
</script>
<style type="text/css">
table
{
border-collapse:collapse;
background-color: #E0E0E0
}
table, th
{
border: 1px solid #000000;
}
td
{
border: 1px solid #000000;
text-align:center;
}
</style>
</head>
<body style="overflow: auto;">
<h3 align="center" > 國內訂單機票比價</h3>
<center>
<table id="myTable">
<tr>
<th rowspan="2" style="text-align:center">出發城市</th> <th rowspan="2" style="text-align:center">到達城市</th><th rowspan="2" style="text-align:center">航班號</th> <th rowspan="2" style="text-align:center">出發時間</th>
<td colspan="3"><b>2014/11/7</b></td>
<td colspan="3"><b>2014/11/8</b></td>
<td colspan="3"><b>2014/11/9</b></td>
</tr>
<tr>
<td ><b>同航班</b></td><td><b>N小時內</b></td><td><b>度假N小時內</b></td>
<td><b>同航班</b></td><td><b>N小時內</b></td><td><b>度假N小時內</b></td>
<td ><b>同航班</b></td><td><b>N小時內</b></td><td><b>度假N小時內</b></td>
</tr>
</table>
</center>
</body>
</html>
添加的是下面一行