本说明:
把如下代码加入<body>区域中:<SCRIPT LANGUAGE="JavaScript">function freecol(brtspc,bgcolor)
{
table("cellspacing='0' cellpadding='0' bgcolor='"+bgcolor+"'");
tr();
td("width='"+brtspc+"'");
td("/");
tr("/");
table("/");
}function table(strg)
{
if (strg != "/")
document.write("<table "+anfrepl(strg)+">");
else
document.write("</table>");
}function tr(strg)
{
if (strg != "/")
document.write("<tr "+anfrepl(strg)+">");
else
document.write("</tr>");
}function td(strg)
{
if (strg != "/")
document.write("<td "+anfrepl(strg)+">");
else
document.write("</td>");
}function th(strg)
{
if (strg != "/")
document.write("<th "+anfrepl(strg)+">");
else
document.write("</th>");
}
// interpreting ' as " in a string
function anfrepl(strg)
{
var i;
var outstring= "";
if (!strg)//
strg = ""; for (i=0;i<strg.length;i++)
{
if(strg.charCodeAt(i)==39)
outstring = outstring + chr(34);
else
outstring = outstring + strg.charAt(i);
}
return outstring;
}function chr(asciiwert)
{
return String.fromCharCode(asciiwert);
}function dec2hex(dec)
{
var result;
var i,j;
hexChars = "0123456789ABCDEF";
i = dec % 16;
j = (dec - i) / 16;
result = hexChars.charAt(j) + hexChars.charAt(i);
return result;
}// Main programm: Sorry 4 the jumble but its hard to combine the structure of the program
// and the structure of the tables.
function outtest(which)
{
var i,j;
var actwert,hexwert,buchst;
if (which == false)
var brtchar = htmchar;
else
var brtchar = jschar;
document.write(anfrepl("<font size='+1'><b>ASCII Table of: "+font+"</b></font><br>"));table("border='0' cellspacing='0' cellpadding='0' bgcolor='"+bgcolor+"'");
tr();
td();
freecol(brtspc,bgcolor);
td("/");
for (i=0 ; i<spalt ; i++)
{
td();
table("cellspacing='0' cellpadding='0' bgcolor='"+bgcolor+"' border='0' bordercolor='Silver' bordercolorlight='Silver' bordercolordark='Silver'");
tr();
th("width='"+(brtdec+2)+"' align='CENTER'");
document.write("Dec");
th("/");
th("width='"+(brthex+2)+"' align='CENTER'");
document.write("Hex");
th("/");
th("<th width='"+(brtchar+2)+"' align='CENTER'");
document.write("Chr");
tr("/");
table("/");
td("/");
td();
freecol(brtspc,bgcolor);
td("/");
}
tr("/");
for (i=0 ; i<Math.ceil(max/spalt) ; i++)
{
tr();
td();
freecol(brtspc,bgcolor);
td("/");
for (j=0 ; j<spalt ; j++)
{
if (Math.floor((i*spalt+j)/((max+1)/100)) <= 100)
status = "Building Table: " + Math.floor((i*spalt+j)/((max+1)/100)) + "%"
actwert=j*Math.ceil(max/spalt)+i;
hexwert=dec2hex(actwert);
if (which == false)
buchst="&#"+actwert+";";
else
buchst=chr(actwert);
if (actwert > 255)
actwert=hexwert=buchst=""; td();
table("cellspacing='0' cellpadding='0' bgcolor='White' border='1'");
tr();
td("width='"+brtdec+"' align='CENTER'");
document.write(" "+actwert);
td("/");
td("width='"+brthex+"' align='CENTER'");
document.write(" "+hexwert);
td("/");
th("width='"+brtchar+"' align='CENTER'");
document.write(anfrepl("<font face='"+font+"'>"));
document.write(" "+buchst);
document.write("</font>");
th("/");
tr("/");
table("/");
td("/");
td();
freecol(brtspc,bgcolor);
td("/");
}
tr("/");
}
status = "Viewing Table: Please wait."
table("/");
}</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
var spalt = 6; // number of columns
var max = 256; // mximum ascii value
var brtdec = 40; // width of DEC column
var brthex = 30; // width of HEX column
var brtspc= 15; // width of the space between the columns
var bgcolor = "silver"; // colour of the spaces
var htmchar = 60; // width of CHR column-HTML-Version (CANCEL Button)
var jschar = 40; // width of CHR column-JS-Version (OK Button)
var font = "罗马字符" // Font of the ASCII character outtest(confirm("确定:\t字符将用javascript解释.\n取消:\t字符将用HTML来解释. "));
</SCRIPT></CENTER><SCRIPT LANGUAGE="JavaScript"> status = "Table ready";</SCRIPT>
把如下代码加入<body>区域中:<SCRIPT LANGUAGE="JavaScript">function freecol(brtspc,bgcolor)
{
table("cellspacing='0' cellpadding='0' bgcolor='"+bgcolor+"'");
tr();
td("width='"+brtspc+"'");
td("/");
tr("/");
table("/");
}function table(strg)
{
if (strg != "/")
document.write("<table "+anfrepl(strg)+">");
else
document.write("</table>");
}function tr(strg)
{
if (strg != "/")
document.write("<tr "+anfrepl(strg)+">");
else
document.write("</tr>");
}function td(strg)
{
if (strg != "/")
document.write("<td "+anfrepl(strg)+">");
else
document.write("</td>");
}function th(strg)
{
if (strg != "/")
document.write("<th "+anfrepl(strg)+">");
else
document.write("</th>");
}
// interpreting ' as " in a string
function anfrepl(strg)
{
var i;
var outstring= "";
if (!strg)//
strg = ""; for (i=0;i<strg.length;i++)
{
if(strg.charCodeAt(i)==39)
outstring = outstring + chr(34);
else
outstring = outstring + strg.charAt(i);
}
return outstring;
}function chr(asciiwert)
{
return String.fromCharCode(asciiwert);
}function dec2hex(dec)
{
var result;
var i,j;
hexChars = "0123456789ABCDEF";
i = dec % 16;
j = (dec - i) / 16;
result = hexChars.charAt(j) + hexChars.charAt(i);
return result;
}// Main programm: Sorry 4 the jumble but its hard to combine the structure of the program
// and the structure of the tables.
function outtest(which)
{
var i,j;
var actwert,hexwert,buchst;
if (which == false)
var brtchar = htmchar;
else
var brtchar = jschar;
document.write(anfrepl("<font size='+1'><b>ASCII Table of: "+font+"</b></font><br>"));table("border='0' cellspacing='0' cellpadding='0' bgcolor='"+bgcolor+"'");
tr();
td();
freecol(brtspc,bgcolor);
td("/");
for (i=0 ; i<spalt ; i++)
{
td();
table("cellspacing='0' cellpadding='0' bgcolor='"+bgcolor+"' border='0' bordercolor='Silver' bordercolorlight='Silver' bordercolordark='Silver'");
tr();
th("width='"+(brtdec+2)+"' align='CENTER'");
document.write("Dec");
th("/");
th("width='"+(brthex+2)+"' align='CENTER'");
document.write("Hex");
th("/");
th("<th width='"+(brtchar+2)+"' align='CENTER'");
document.write("Chr");
tr("/");
table("/");
td("/");
td();
freecol(brtspc,bgcolor);
td("/");
}
tr("/");
for (i=0 ; i<Math.ceil(max/spalt) ; i++)
{
tr();
td();
freecol(brtspc,bgcolor);
td("/");
for (j=0 ; j<spalt ; j++)
{
if (Math.floor((i*spalt+j)/((max+1)/100)) <= 100)
status = "Building Table: " + Math.floor((i*spalt+j)/((max+1)/100)) + "%"
actwert=j*Math.ceil(max/spalt)+i;
hexwert=dec2hex(actwert);
if (which == false)
buchst="&#"+actwert+";";
else
buchst=chr(actwert);
if (actwert > 255)
actwert=hexwert=buchst=""; td();
table("cellspacing='0' cellpadding='0' bgcolor='White' border='1'");
tr();
td("width='"+brtdec+"' align='CENTER'");
document.write(" "+actwert);
td("/");
td("width='"+brthex+"' align='CENTER'");
document.write(" "+hexwert);
td("/");
th("width='"+brtchar+"' align='CENTER'");
document.write(anfrepl("<font face='"+font+"'>"));
document.write(" "+buchst);
document.write("</font>");
th("/");
tr("/");
table("/");
td("/");
td();
freecol(brtspc,bgcolor);
td("/");
}
tr("/");
}
status = "Viewing Table: Please wait."
table("/");
}</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
var spalt = 6; // number of columns
var max = 256; // mximum ascii value
var brtdec = 40; // width of DEC column
var brthex = 30; // width of HEX column
var brtspc= 15; // width of the space between the columns
var bgcolor = "silver"; // colour of the spaces
var htmchar = 60; // width of CHR column-HTML-Version (CANCEL Button)
var jschar = 40; // width of CHR column-JS-Version (OK Button)
var font = "罗马字符" // Font of the ASCII character outtest(confirm("确定:\t字符将用javascript解释.\n取消:\t字符将用HTML来解释. "));
</SCRIPT></CENTER><SCRIPT LANGUAGE="JavaScript"> status = "Table ready";</SCRIPT>
{
table("cellspacing='0' cellpadding='0' bgcolor='"+bgcolor+"'");
tr();
td("width='"+brtspc+"'");
td("/");
tr("/");
table("/");
} ??
这种不是js代码,
画表格的代码。。table用来添加table标签,tr方法用来添加tr标签。。
解释如下:
freecol( 参数1,参数2) :功能,画一个以参数1为宽度,参数2为背景色的表格,主要用来控制各个单元格之间的填充宽度
table,tr,td,th:
用法相同,有参数时,画相应标签的头部,参数为"/" 画结束标签,其他参数为头标签内的属性如:table("width='30'")会生成 <table width="30">的标签,相应table("/")则会生成</table>其他几个一样
anfrepl(参数): 功能: 将给定参数内的单引号替换为又引号,就是说上面的table,tr,th,td带的参数都的字符串的单引号全部会被替换成双引号chr(参数):功能:根据给定的ASCII值返回相应的字符
dec2hex(参数):将给定的ASCII转换成NCR编码,即将字符转换成&#开头,后面接4-5个数字的html字符,这样做的好处就是只要系统装有这个字符有的字体就能正常显示,与页面的编码无关(charset=...)
outtest(参数)是根据下面设置的全局变量调用上面的函数生成ASCII表格,参数如提示所述
outtest内有两个循环,一个是for (i=0 ; i <Math.ceil(max/spalt) ; i++) 用来画行
for (j=0 ; j <spalt ; j++) 在每一行内画列
最后,outtest限定的ASCII最大为255
下面全局变量解释一下:你就明白了
var spalt = 6; //有多少列
var max = 256; // 最大 ASCII字符个数
var brtdec = 40; // 10进制ASCII字符宽度(单元格宽度)
var brthex = 30; // 16进制ASCII字符宽度(单元格宽度)
var brtspc= 15; // 单元格间距
var bgcolor = "silver"; // 背景颜色
var htmchar = 60; // html单元格宽度
var jschar = 40; // JS单元格宽度
var font = "罗马字符" // 表格头上的文字这样应该解释清楚了
首先这段东西要从服务器读取 那么就得构造字符串 首先构造了 table tr td th 这样以字符串的形式传到服务器 让服务器读取 做出一个表格// Main programm: Sorry 4 the jumble but its hard to combine the structure of the program
// and the structure of the tables.
然后这段就是构造这个表格 想必LZ也在DW 里面预览了一下吧 知道是什么结构吧这中间是利用循环和取值进行对表格赋值
然后最后让用户选择使用什么编码进行观看出来的效果
//number of columns 列
//mximum ascii value 最大有多少个值
// width of DEC column 定义DEC这列的宽度
// width of HEX column 定义HEX这列的宽度
// width of the space between the columns 宽度之间的列空间
// colour of the spaces 上面这个注释的空间 的 颜色
//width of CHR column-HTML-Version (CANCEL Button) 如果选择html格式下的chr的宽度
// width of CHR column-JS-Version (OK Button) 如果选择js格式下的chr的宽度
// Font of the ASCII character 定义赋值的文字的字符形式
这段我也是瞎猜的 楼主 试着看吧