随笔 - 181, 文章 - 2, 评论 - 85, 引用 - 0
数据加载中……

5月4日-----Ajax的简易留言板

非常的简单,呵呵。

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />
< title > HTMLTest8 </ title >
< script  type ="text/javascript" >
function  insertStr()
{
    
var  f  =  document.form1;
    
var  value  =  f.str.value;
    
if (value  !=   "" )
    
{
        
var  text  =  document.createTextNode(value);
        
var  td  =  document.createElement( " td " );
        
var  tr  =  document.createElement( " tr " );
        
var  tbody  =  document.createElement( " tbody " );
        td.appendChild(text);
        tr.appendChild(td);
        tbody.appendChild(tr);
        
var  parNode  =  document.getElementById( " table1 " );
        parNode.insertBefore(tbody, parNode.firstChild);
    }

}

</ script >
</ head >

< body >
< form  name  = "form1"  method ="post"  action ="" >
    
< input  name ="str"  type ="text"  id ="str"  value ="" >
    
< input  name ="insert"  type ="button"  id ="insert"  value ="留言"  onclick ="insertStr()" >  
</ form >
< table  width ="400"  border ="1"  cellspacing ="0"  cellpadding ="0"  id ="table1" >
< tbody >
    
< tr >
        
< td  height ="25" > 网友留言列表: </ td >
    
</ tr >
</ tbody >
</ table >
</ body >
</ html >

posted on 2006-05-04 13:04 wsdfsdf 阅读(93) 评论(0)  编辑 收藏 引用 所属分类: 交流心得


只有注册用户登录后才能发表评论。
网站导航: 博客园   IT新闻   BlogJava   知识库   博问   管理