大家来帮我看看一个很奇怪的问题,实在是找不出来了.
index.htm中的代码
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<script>
var netname="网虫先生";
function postmsg()
{
document.all.msg.value=document.all.chat.value;
document.all.netname.value=netname;
document.all.chat.value="";
}
</script>
</head>
<body>
<iframe name="iframe1" src="new_page_1.htm" width="500"></iframe>
<iframe name="iframe2" width="400" src="new_page_2.htm"></iframe>
</body>
</html>
new_page_1.htm中的代码如下.
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<style>
.select{background-color:#000080;cursor:hand;color:#ffffff}
.noselect{background-color:#ffffff;cursor:hand;color:#111111}
</style>
<script>
var temp;
function selecttable(table)
{
if (temp==null)
{
temp=table;
temp.className="select";
}
else
{
temp.className="noselect";
temp=table;
temp.className="select";
}
}
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="79%" id="table1" >
</table>
</body>
</html>
new_page_2.htm中的代码
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
</head>
<body onload="TableAppend()">
<script>
var Maxid=112
function TableAppend()
{
var array1=new Array();
var array2=new Array();
var array3=new Array();
array1[0]="107";
array2[0]="网虫先生";
array3[0]="我是你的网友啊";
array1[1]="111";
array2[1]="网虫先生";
array3[1]="我忘记了。";
array1[2]="112";
array2[2]="网虫先生";
array3[2]="没关系。";
if (array1.length>0)
{
for (var i=0 ;i<array1.length; i++)
{
var newtr=parent.iframe1.document.createElement("TR");
fileid=array1[i];
newtr.className="noselect";
newtr.onclick=function() {parent.iframe1.selecttable(this)};
var newtd1=parent.iframe1.document.createElement("TD");
newtd1.width="32%";
newtd1.height="20"
var newtd2=parent.iframe1.document.createElement("TD");
newtd2.width="47%";
newtd2.height="20";
var newtd3=parent.iframe1.document.createElement("TD");
newtd3.width="21%";
newtd3.height="20";
var newtext1=parent.iframe1.document.createTextNode(array2[i]);
var newtext2=parent.iframe1.document.createTextNode(array3[i]);
newtd1.appendChild(newtext1);
newtd2.appendChild(newtext2);
newtr.appendChild(newtd1);
newtr.appendChild(newtd2);
newtr.appendChild(newtd3);
parent.iframe1.document.getElementsByTagName("TBODY")[0].appendChild(newtr);
}
parent.iframe1.document.body.scrollTop=parent.iframe1.document.body.scrollHeight;
}
}
function refurbish()
{
window.location.reload();
}
setInterval("refurbish()",5000);
</script>
<input type="button" name="B1" value="停止">
</body>
</html>
用iframe2中的代码在iframe1中的table添加行和内容,但是不知道为什么,每刷新一次,上面添加的行就不再响应单击事件了.
大家帮忙看看啊.