静态HTML网页可以实现购物车功能吗？而且不用数据库..._随笔

一般购物车用session或者cookie实现。如果要实现session，HTML是不可能

如果用cookie可以用js来做。理论上是可以实现。但没多少人做这种事情。

可能是因为这样对用户的认证是一大问题，正常点的网站不可能不实行用户认证的。

不过退一步，用flash做的话，不但变量保存问题可以比较容易解决，网页效果也会好很多。当然，步骤稍微麻烦点，技术要求高点。

通常不会用mailto来发邮件。除非你只想发几句话。稍微大一点的文本就发不了了。

只用eclipse就可以了，用jsp可以写一个js监听事件，购买肯定是一个按钮，在上面添加onclick事件，绑定一个函数，显示购物车这个div或者页面(放在当前页面上面)，结算时就是拿商品的价格相加显示出来，比如商品对象放在一个链表里，取出购物车里的，价格相加。

<head>

body{

font-size:13px

line-height:25px

}

table{

border-top: 1px solid #333

border-left: 1px solid #333

width:400px

}

td{

border-right: 1px solid #333

border-bottom: 1px solid #333

text-align:center

}

.title{

font-weight:bold

background-color: #cccccc

}

input text{

width:100px

}

</style>

function addRow(){

//行的长度

var rowlength=document.getElementById("order").rows.length

//得到整个表格对象

var order = document.getElementById("order").insertRow(rowlength-1)

order.id=rowlength-1

//插入列

var cel1=order.insertCell(0).innerHTML="游戏光盘"

var cel2=order.insertCell(1).innerHTML="34"

var cel3=order.insertCell(2).innerHTML="&yen58.40"

var cel4=order.insertCell(3).innerHTML="<input type=\"button\"value=\"删除\" onclick=\"delRow('"+(rowlength-1)+"')\"/>"+ "<input type=\"button\"value=\"修改\" onclick=\"editRow('"+(rowlength-1)+"')\"/>"

}

function delRow(qwe){

var ewq=document.getElementById(qwe).rowIndex

document.getElementById("order").deleteRow(ewq)

}

function editRow(rowID){

var row=document.getElementById(rowID)

var cel=row.cells

var text=cel[1].innerHTML

cel[1].innerHTML="<input type='text' value='"+text+"' style='width:40px'>"

cel[3].lastChild.value="确定"

cel[3].lastChild.setAttribute("onclick","update('"+rowID+"')")

}

function update(qwe){

var row=document.getElementById(qwe)

var cel=row.cells

var text=cel[1].lastChild.value

cel[1].innerHTML=text

cel[3].lastChild.value="修改"

cel[3].lastChild.setAttribute("onclick","editRow('"+qwe+"')")

}

function add(){

var a = document.getElementById("order").rows.length

var b = document.getElementById("order").insertRow(a-1)

var one1 = b.insertCell(0).innerHTML="123"

}

</script>

</head>

<body>

</tr>

<td>防滑真皮休闲鞋</td>

</tr>

<tr>

</tr>

</table>

</body>

</html>

这个是我原来上学的时候练习的代码，练习的是基础的jsDOM *** 作，不过建议以后用Jquery 比较方便有什么不懂得可以问我

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/zaji/6100963.html

静态HTML网页可以实现购物车功能吗？而且不用数据库...

发表评论

评论列表（0条）