先给个简单的例子:A.htm
---------------------------------
<HTML>
<head>
<SCRIPT>
function addRow (tableID) {
var table = document.getElementById(tableID);
if (arguments.length > 1) {
var row = table.insertRow(table.rows.length);
if (document.all) {
for (var i = 1; i < arguments.length; i++) {
var cell = row.insertCell(i - 1);
cell.innerHTML = arguments[i];
}
}
}
}function delRow () {
table1.deleteRow(1);
}
</SCRIPT>
</head>
<BODY BGCOLOR=WHITE>
<TABLE WIDTH=100%>
<TR ALIGN=CENTER>
</TR>
<TR>
<TD BGCOLOR=WHITE COLSPAN=5>
<P>information display<P>
<FORM name=form1>
<input type=hidden name=added>
</form>
<TABLE ID="table1" BORDER="1" width="200">
<TBODY>
<TR>
<TD>Col1</TD>
<TD>Col2</TD>
</TR>
</TBODY>
</TABLE>
</TH>
<TD VALIGN=BOTTOM>
<BR>
<FORM>
<INPUT TYPE="button" NAME="TOP" VALUE=" Add " onclick="window.open('B.htm')">
<BR><BR>
<INPUT TYPE="button" NAME="BTM" VALUE="Delete" onclick="delRow()">
</FORM>
</TD>
</TR>
</TABLE>
</TH>
</TR>
</TABLE>
<HR>
<DIV ALIGN=RIGHT>
</DIV>
</FONT>
</BODY>
</HTML>----------------------------------------B.htm
----------------------------------------
<html>
<head>
<SCRIPT Language="JavaScript">
<!--
function check()
{
if (document.forms[0].addrip.value=="")
{
alert("Input cannot be empty!");
return;
}
}function test(){
opener.form1.added.value=document.form1.addrip.value;
opener.addRow('table1',document.form1.addrip.value,document.form1.addrip2.value)
self.close();
}
//-->
</SCRIPT>
</head>
<body bgcolor="#FFFFFF">
<FORM name=form1>
Please input the NEW information :<br>
<input type=text name=addrip size=20>
<input type=text name=addrip2 size=20>
</form>
<input type="button" name="button" value="AddRecord" onclick="test()">
<input type="button" name="back" onclick="JavaScript:history.go(-1);" value="cancel">
</body>
</html>
---------------------------------
<HTML>
<head>
<SCRIPT>
function addRow (tableID) {
var table = document.getElementById(tableID);
if (arguments.length > 1) {
var row = table.insertRow(table.rows.length);
if (document.all) {
for (var i = 1; i < arguments.length; i++) {
var cell = row.insertCell(i - 1);
cell.innerHTML = arguments[i];
}
}
}
}function delRow () {
table1.deleteRow(1);
}
</SCRIPT>
</head>
<BODY BGCOLOR=WHITE>
<TABLE WIDTH=100%>
<TR ALIGN=CENTER>
</TR>
<TR>
<TD BGCOLOR=WHITE COLSPAN=5>
<P>information display<P>
<FORM name=form1>
<input type=hidden name=added>
</form>
<TABLE ID="table1" BORDER="1" width="200">
<TBODY>
<TR>
<TD>Col1</TD>
<TD>Col2</TD>
</TR>
</TBODY>
</TABLE>
</TH>
<TD VALIGN=BOTTOM>
<BR>
<FORM>
<INPUT TYPE="button" NAME="TOP" VALUE=" Add " onclick="window.open('B.htm')">
<BR><BR>
<INPUT TYPE="button" NAME="BTM" VALUE="Delete" onclick="delRow()">
</FORM>
</TD>
</TR>
</TABLE>
</TH>
</TR>
</TABLE>
<HR>
<DIV ALIGN=RIGHT>
</DIV>
</FONT>
</BODY>
</HTML>----------------------------------------B.htm
----------------------------------------
<html>
<head>
<SCRIPT Language="JavaScript">
<!--
function check()
{
if (document.forms[0].addrip.value=="")
{
alert("Input cannot be empty!");
return;
}
}function test(){
opener.form1.added.value=document.form1.addrip.value;
opener.addRow('table1',document.form1.addrip.value,document.form1.addrip2.value)
self.close();
}
//-->
</SCRIPT>
</head>
<body bgcolor="#FFFFFF">
<FORM name=form1>
Please input the NEW information :<br>
<input type=text name=addrip size=20>
<input type=text name=addrip2 size=20>
</form>
<input type="button" name="button" value="AddRecord" onclick="test()">
<input type="button" name="back" onclick="JavaScript:history.go(-1);" value="cancel">
</body>
</html>
tableid.rows.length 获得表格的行数,包括表头
tableid.cells.length 获得单元格的总数
tableid.rows(i).cells(j).innerHTML 取得表格第i行第j列的单元格的内容(i,j从0开始)
tableid.rows(i).cells(j).innerHTML = "" 为指定的单元格写内容表格定义:
<table id="intelInfoTable"></table>
<table id="tableid"></table>