& lthead & gt& ltmeta?charset=\"UTF-8 \" >& lttitle & gtmain.html & lt/title & gt;& lt風格?type=\"text/css \" >桌子" />
& lthtml?lang="en-US " >
& lthead & gt
& ltmeta?charset="UTF-8 " >
& lttitle & gtmain.html & lt/title & gt;
& lt風格?type="text/css " >
桌子?{
邊距:?自動;
寬度:?300px?
邊框折疊:?崩潰;
邊框:?1px?固體?黑色;
}
td?{
邊框:?1px?固體?黑色;
文本對齊:?居中;
字體:?20px/1.5?康索拉斯?微軟雅黑;
}
& lt/style & gt;
& lt劇本?type = " text/JavaScript " & gt;
var?json?=?[
2,?4,?2,?4,?3,?4,?2,?1,?5,?2,?3,?1,?5,?4,?2,?三
];
var?劃?=?4,?科爾?=?4;
var?顏色?=
{
"1"?:?“黃色”,
"2"?:?“黃色”,
"3"?:?“綠色”,
"4"?:?“綠色”,
"5"?:?“紅色”
};
onload?=?功能?()
{
var?桌子?=?document.createElement?(‘表’);
var?tbody?=?document.createElement?(‘tbody’);
table.appendChild?(tbody);
為了什麽?(?var?我?=?0;?我?& lt?排;?i++)
{
var?tr?=?tbody.insertRow?(tbody . rows . length);
為了什麽?(?var?j?=?0;?j?& lt?col?j++)
{
var?td?=?tr.insertCell?(傳輸單元長度);
var?瓦爾。=?json【我?*?科爾?+?j];
var?txt?=?document.createTextNode?(val);
!!COLORS[val]td.style.color?=?顏色[val]?:?0;
td.appendChild?(txt);
}
}
document.body.appendChild?(表);
}
& lt/script & gt;
& lt/head & gt;
& ltbody & gt
& lt/body & gt;
& lt/html & gt;