html中购物车代码_在HTML里用javascript做一个简单购物车部分

㈠以下代码里，怎么样用JS增添一个删除键，删除购物车内对应的商品

<!doctypehtml>
<htmllang="en">
<head>
	<metacharset="UTF-8">
	<title>Document</title>
	<style>
	*{margin:0;padding:0;}
#div_idp{width:80px;height:30px;text-align:left;border:1pxsolid#000;line-height:30px;}
#div_idpbutton{float:right;height:30px;}
	</style>
	<scriptsrc="js/tool.js"></script>
<script>
	window.onload=function(){
			vardiv=document.getElementById("div_id");
		varbutton=document.getElementsByTagName("button")
	for(vari=0;i<button.length-1;i++){
		button[i].onclick=function(){
			alert("加入购物车成功");
			varp=document.createElement("p");
			varpContent=document.createTextNode(this.innerHTML);
					p.appendChild(pContent);
			div.appendChild(p);
vardelBtn=document.createElement("button");
vardelBtnContent=document.createTextNode("x");
					delBtn.appendChild(delBtnContent);
					p.appendChild(delBtn);
delBtn.onclick=function(){
	div.removeChild(p);
}
//setCookie("购物",div.innerHTML,getDate(100))
		}
	}

	varisTrue=false;
varbutton1=document.getElementById("button_id")
button1.onclick=function(){
	if(isTrue==false){
					button1.innerHTML="隐藏购物车"	
					isTrue=true;
					/*if(getCookie("购物")!=undefined){
						div.innerHTML=getCookie("购物");
					}*/
					div.style.display="block";
				}elseif(isTrue){
					button1.innerHTML="显示购物车"	
					isTrue=false;
					div.style.display="none";
					/*if(getCookie("购物")!=undefined){
						div.innerHTML=getCookie("购物");
						div.style.display="none";
					}*/
				}
			}
		}
</script>
</head>
<body>
	<button>商品1</button>
	<button>商品2</button>
	<button>商品3</button>
	<button>商品4</button>
	<button>商品5</button><br/><br/>
	<buttonid="button_id">显示购物车</button>
	<divid="div_id"style="display:none;"></div>

</body>
</html>

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

没有人会做来这样的事自情,但是即然说了,可以讨论一下

一般的购物车,都要有SESSION和COOKIES来做,在没有服务端脚本语言的情况下操作SESSION是不可能的!

静态HTML里如果可以用JAVASCRIPT脚本,就可以操作COOKIES,将商品的信息保存在COOKIES中,购买成功后,可以用:mailto:[email protected] 的方式发送到邮箱!

㈢ javascript+jsp实现在1.html把商品放购物车,在2.html显示购物车内的信息.看问题补充

不建议用cookie, 不安全,而且浏览器可能禁止cookie
还是把购买信息保存到服务器session中, 在2.html显示

㈣在HTML里用javascript做一个简单购物车部分

给楼主做了一个，JS实现商品计数的加和减，最少不能少于1，最多不大于99，代码里面有注释，方面楼主查看和使用。

㈤ html中怎么样可以保留点击添加购物车后的查询页面不变

你可以使用ajax无刷新技术就可以了。

㈥如何用html css javascript php制作购物车

一两句说不清楚………

用html css做出商品样子和购物车样子，

然后用javascript来对买这个动专作做处理，把商品的信属息存起来，通过js把商品信息传递给购物车，让购物车能够显示；
另一方面把信息交给php，写入数据库。

我这么说你明白了么……

㈦ jsp购物车代码

//shopping.html
<html>
<head><title>shopping stor</title></head>
<body>
<form action="carts.jsp" target="post">
<br>
please select the item that you want to buy
<br>
<select name="item">
<option>book:old man and the sea
<option>x-box game machine
<option>mp3 player
<option>cce
<option>book:jsp programming
<option>cd "the endless love"
<option>dvd "gone with the wind"
</select>
<br>
<input type="submit" name="submit" value="add">
<input type="submit" name="submit" value="remove">
</form>
</body>

</html>
------------------------------------------------------------------
//carts.jsp
<%@page contentType="text/html;charset=ISO8859_1" %>
<html>
<jsp:useBean id="cart" scope="session" class="test.DummyCart"/>
<jsp:setProperty name="cart" property="*"/>

<%
cart.processRequest();
%>
<br>
<ol>
you have chosen these items:
<%
String []items=cart.getItems();
for(int i=0;i<items.length;i++)
{
%>
<li><%=items[i] %></li>
<%
}
%>
</ol>
<hr>
<%@include file="shopping.htm" %>

</html>
---------------------------------------------------------------------//DummyCart.java
package test;
import javax.servlet.http.*;
import java.util.Vector;
import java.util.Enumeration;
public class DummyCart
{
Vector v = new Vector();
String submit=null;
String item= null;
private void addItem(String name)
{
v.addElement(name);
}

private void removeItem(String name)
{
v.removeElement(name);
}

public void setItem(String s)
{
item=s;
}

public void setSubmit(String s)
{
submit=s;
}

public String[] getItems()
{
String []s=new String[v.size()];
v.Into(s);
return s;
}

public void processRequest()
{
if(submit==null)
addItem(item);
if(submit.equals("add"))
addItem(item);
else if (submit.equals("remove"))
removeItem(item);
reset();
}

private void reset()
{
submit=null;
item=null;
}

}

----------------------------------------------------------------------
上面是一个简单的例子，功能都能实现，对网页效果要求更漂亮些的可做一些修改。

㈧求html购物车代码，，效果如图显示

<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>修改订单</title>
<styletype="text/css">
body{
	font-size:13px;
	line-height:25px;
	}
table{
	border-top:1pxsolid#333;
	border-left:1pxsolid#333;
	width:400px;
}
td{
	border-right:1pxsolid#333;
	border-bottom:1pxsolid#333;
	text-align:center;
	}
.title{	

	font-weight:bold;
	background-color:#cccccc;
}
inputtext{
	width:100px;
}

</style>
<scripttype="text/javascript">
functionaddRow(){
	//行的长度
	varrowlength=document.getElementById("order").rows.length;
	//得到整个表格对象
	varorder=document.getElementById("order").insertRow(rowlength-1);
	order.id=rowlength-1;
	//插入列
	varcel1=order.insertCell(0).innerHTML="游戏光盘";
	varcel2=order.insertCell(1).innerHTML="34";
	varcel3=order.insertCell(2).innerHTML="&yen;58.40";
	varcel4=order.insertCell(3).innerHTML="<inputtype="button"value="删除"onclick="delRow('"+(rowlength-1)+"')"/>"+"<inputtype="button"value="修改"onclick="editRow('"+(rowlength-1)+"')"/>"
	}
	functiondelRow(qwe){
		=document.getElementById(qwe).rowIndex;
		document.getElementById("order").deleteRow(ewq);
		}
	functioneditRow(rowID){
		varrow=document.getElementById(rowID);
		varcel=row.cells;
		vartext=cel[1].innerHTML;
		cel[1].innerHTML="<inputtype='text'value='"+text+"'style='width:40px;'>"
		cel[3].lastChild.value="确定";
		cel[3].lastChild.setAttribute("onclick","update('"+rowID+"')");
		}
		
	functionupdate(qwe){
		varrow=document.getElementById(qwe);
		varcel=row.cells;
		vartext=cel[1].lastChild.value;
		cel[1].innerHTML=text;
		cel[3].lastChild.value="修改";
		cel[3].lastChild.setAttribute("onclick","editRow('"+qwe+"')");
		}
/*	

	functionadd(){
		vara=document.getElementById("order").rows.length;
		varb=document.getElementById("order").insertRow(a-1);
		varone1=b.insertCell(0).innerHTML="123";
		}
*/
</script>
</head>
<body>
<tableborder="0"cellspacing="0"cellpadding="0"id="order">
<trclass="title">
<td>商品名称</td>
<td>数量</td>
<td>价格</td>
<td>操作</td>
</tr>
<trid="1">
<td>防滑真皮休闲鞋</td>
<td>12</td>
<td>&yen;568.50</td>
<td><inputname="rowdel"type="button"value="删除"onclick='delRow("1")'/>
<inputid="edit1"type="button"value="修改"onclick='editRow("1")'/></td>
</tr>
<tr>
<tdcolspan="4"style="height:30px;">
<inputname="addOrder"type="button"value="增加订单"onclick="addRow()"/></td>
</tr>
</table>
</body>
</html>

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

㈨ DW的静态网页里怎么用JAVASCRIPT脚本实现添加某样商品的信息添加到购物车

如刚刚演示的，新建一个js文件，把html文件中的javascript语句剪切到js文件里，在html文件中，加入代码来引用js文件，要主意html文件和js文件之间的相对路径

㈩求一个JS代码，就APP购物车的代码，可以在html直接实现的

给楼主做了一个，JS实现商品计数的加和减，最少不能少于1，最多不大于99，代码里面有注释，方面楼主查看和使用。

html中购物车代码

与html中购物车代码相关的内容