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中購物車代碼相關的內容