用javaｓｃｒｉｐｔ实现信息添加、删除和修改的方法

本文介绍了用javaｓｃｒｉｐｔ进行信息添加、删除和修改的方法，供大家参考，具体的实现方法如下：

显示所有用户界面

名称
性别
邮箱
出生日期
操作

用户名称：
性别：

男性的
女性的

邮箱
出生日期:


在window.onload =函数（）{
警报（载）；
document.getelementbyid（addu1 ）。style.display =没有；
}
所有的功能（）{
无功用户document.getelementbyid（用户）；
VaR的IPS = users.getelementsbytagname（输入）；
无功chbk = document.getelementbyid（chbk1 ）；
对于（var i = 0；i < ips.length；i++）{
IPS {我} setAttribute（检查。
}
}
函数语句（）{
警报（）；
变量名= document.getelementbyid（名称）的价值；
无功性= document.getelementbyid（性）的价值；
VaR的电子邮件= document.getelementbyid（电子邮件）的价值；
VaR BIR = document.getelementbyid（比尔）的价值；
无功tusers = document.getelementbyid（tusers ）的价值；
VaR TR1 = document.createelement（TR）；
VaR CBK = document.createelement（TD）；
VaR tname = document.createelement（TD）；
无功tsex = document.createelement（TD）；
无功temail = document.createelement（TD）；
VaR方法= document.createelement（TD）；
VaR酒徒= document.createelement（TD）；
var cbk1 = document.createelement（输入）；
cbk1.setattribute（类型
cbk1.setattribute（名
cbk.appendchild（cbk1）；
tname.appendchild（document.createtextnode（名字））；
tsex.appendchild（document.createtextnode（性））；
temail.appendchild（document.createtextnode（电子邮件））；
tbir.appendchild（document.createtextnode（BIR））；
无功adelete = document.createelement（）；
无功aupdate = document.createelement（）；
adelete.setattribute（href
aupdate.setattribute（href
Adelete.appendChild（document.createtextnode（删除| ））；
aupdate.appendchild（document.createtextnode（修改））；
toper.appendchild（adelete）；
toper.appendchild（aupdate）；
tr1.appendchild（CBK）；
tr1.appendchild（tname）；
tr1.appendchild（tsex）；
tr1.appendchild（temail）；
tr1.appendchild（TBIR）；
tr1.appendchild（锥形）；
无功用户document.getelementbyid（用户）；
users.appendchild（TR1）；
tusers.appendchild（用户）；
Adelete.onclick =函数（）{
users.removechild（adelete。父节点的父节点。）；
}
Aupdate.onclick函数（）{
document.getelementbyid（阿杜）。style.display =没有；
Document.getElementById (addu1).Style.display = block;
VaR UTR = aupdate.parentnode.parentnode；
翻译= utr.childnodes VaR；
document.getelementbyid（名）。值= UTRs { 1 }。innerHTML；
document.getelementbyid（性）。值= UTRs { 2 }。innerHTML；
document.getelementbyid（电子邮件）。值= UTRs { 3 }。innerHTML；
document.getelementbyid（比尔）。值= UTRs { 4 }。innerHTML；
无功upuser = document.getelementbyid（upduser ）；
upuser.onclick =函数（）{
UTR。子{ 1 } .innerHTML = document.getelementbyid（名称）的价值；
UTR。子{ 2 } .innerHTML = document.getelementbyid（性）的价值；
UTR。子{ 3 } .innerHTML = document.getelementbyid（电子邮件）的价值；
UTR。子{ 4 } .innerHTML = document.getelementbyid（比尔）的价值；
document.getelementbyid（addu1 ）。style.display =没有；
document.getelementbyid（阿杜）。style.display =块；
}
}
TestPage（）
}
VaR的索引页面= document.createelement（）；
无功uppage = document.createelement（）；
无功downpage = document.createelement（）；
VaR的末页= document.createelement（）；
无功nowpage = 1；
功能testpage（）{
无功tbodyusers = document.getelementbyid（用户）；
无功trusers = document.getelementbyid（TR）；
无功countrecord = trusers.length；
VaR PageSize = 2；
无功countpage =（countrecord % PageSize = = 0countrecord / PageSize：Math.ceil（countrecord / PageSize））；
VaR页= document.getelementbyid（页）；
如果（！Pages.hasChildNodes（））{
读取页（nowpage）；
}
指标。onclik =函数（）{
noepage = 1；
indexpageinfo（countrecord，trusers）；
}
uppage。onclick =函数（）{
如果（nowpage-1 > 1）{
nowpage = 1；
其他{ }
nowpage = 1；
indexpageinfo（countrecord，trusers）；
}
无功指数=（nowpage-1）* PageSize；
VaR endIndex = startIndex + PageSize；
PageInfo（startIndex endIndex，countrecord，trusers）；
}
downpage。onclick =函数（）{
如果（nowpage + 1 > = countpage）{
nowpage = countpage；
其他{ }
nowpage = + 1；
}
无功指数=（nowpage-1）* PageSize；
VaR endIndex = startIndex + PageSize；
PageInfo（startIndex endIndex，countrecord，trusers）；
}
末页。onclick =函数（）{
如果（nowpage > 1）{
无功指数=（nowpage-1）* PageSize；
对于（var i = 0；i < countrecord；i++）{
如果（我< startIndex）{
我trusers { }。风格。显示为无；
其他{ }
我trusers { }。风格。显示为块；
}
}
其他{ }
indexpageinfo（countrecord，trusers）；
}
}
}
功能indexpageinfo（countrecord，trusers）{
如果（countrecord <= 2）{
对于（var i = 0；i < PageSize；i++）{
trusers {我}。style.display =块；
}
{人}
对于（var i = 2；i < countrecord；i++）{
trusers {我}。style.display =没有；
}
}
}
函数的PageInfo（startIndex endIndex，countrecord，trusers）{
对于（var i = 0；i < countrecord；i++）{
如果（我指定的字符< > =我）{
trusers {我}。style.display =块；
{人}
trusers {我}。style.display =没有；
}
}
}
函数读取页（numpage）{
indexpage.appendchild（document.createtextnode（主页））；
indexpage.setattribute（href
uppage.appendchild（document.createtextnode（））；
uppage.setattribute（href
downpage.appendchild（document.createtextnode（））；
downpage.setattribute（href
endpage.appendchild（document.createtextnode（））；
endpage.setattribute（href
VaR页= document.getelementbyid（页）；
Pages.appendChild（索引页面）；
Pages.appendChild（uppage）；
Pages.appendChild（downpage）；
Pages.appendChild（末）；
}
希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。