写个简单的留言板,用js实现

JavaScript018

写个简单的留言板,用js实现,第1张

<!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>

<style type="text/css">

*{ margin:0padding:0}

#div1{ width:200pxheight:300pxoverflow:hiddenborder:#009 1px solid}

#div1 div{ list-style:noneborder-bottom:1px dashed #666666

margin:10pxoverflow:hiddenfilter:alpha(opacity:0)opacity:0}

</style>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript" src="perfactMove.js"></script>

<script type="text/javascript">

window.onload=function()

{

var oBt=document.getElementById('bt1')

var oTxt=document.getElementById('txt1')

var oDiv=document.getElementById('div1')

oBt.onclick=function()

{ var aDiv=oDiv.getElementsByTagName('div')

//创建li节点

var aDivChildren=document.createElement('div')

//将创建好的li插入ul中

if(aDiv.length==0)

{

oDiv.appendChild(aDivChildren)

}

else

{

oDiv.insertBefore(aDivChildren,aDiv[0])//插入在第一个元素之前

}

//给插入的li赋值

aDivChildren.innerHTML=oTxt.value

oTxt.value=''

//保存新加入的li的宽度

var oHeight=aDivChildren.offsetHeight

//将oli的宽度变为0,然后利用运动来实现,慢慢出现

aDivChildren.style.height=0

startMove(aDivChildren,{height:oHeight},function()

{

startMove(aDivChildren,{opacity:100})

})

}

}

</script>

</head>

<body>

<textarea id="txt1" rows="10" cols="50"></textarea>

<input id="bt1" type="button" value="提交留言" />

<div id="div1"></div>

</body>

</html>

html页面为静态页面,刷新之后相当于重新加载页面

不用数据库是不可以实现的

可以把数据写入到txt文件里面

当刷新或者重新打开的时候读取txt文件

js + html 能实现发送邮件的功能,使用Nodejs发邮件组件Nodemailer 使用Nodejs收发电子邮件也非常简单,Nodemailer包就可以帮助快速实现发邮件的功能。 Nodemailer的主要特点包括: 支持Unicode编码 支持Window系统环境 支持HTML内容和普通文本...