购物网站的html代码_购物网站HTML

当前文章目录：

• 1、求html购物车代码，，效果如图显示
• 2、网站HTML的代码怎么查找的呢？
• 3、网站上的html代码是什么意思？这个代码在哪里？

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

html xmlns=""    

head    

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /    

title修改订单/title    

style type="text/css"    

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    

script type="text/javascript"    

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="yen;58.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    

table border="0" cellspacing="0" cellpadding="0" id="order"    

 tr class="title"    

   td商品名称/td    

   td数量/td    

   td价格/td    

   td操作/td    

 /tr    

 tr id="1"    

   td防滑真皮休闲鞋/td    

   td12/td    

   tdyen;568.50/td    

   tdinput name="rowdel" type="button" value="删除" onclick='delRow("1")' /    

   input id="edit1" type="button" value="修改" onclick='editRow("1")' //td    

 /tr    

 tr    

   td colspan="4" style="height:30px;"    

   input name="addOrder" type="button" value="增加订单" onclick="addRow()" //td    

 /tr    

/table    

/body    

/html

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

网站HTML的代码怎么查找的呢？

通俗了解，通过html语法规则让图片、文字等内容，在浏览器显示出来的代码我们称之为网页源代码。源代码(源文件)是指网页的html代码，这里可以将CSS代码也称为CSS源代码。

第一种：打开一个网页后点击鼠标的

右键就会有"查看源文件"，操作 鼠标右键---查看源文件 即可弹出一个记事本，而记事本内容就是此网页的html代码。可能会碰到一些网页鼠标右键无反应或提出提示框，那是因为做网页的加入了JS代码来禁止用户查看源文件代码或复制网页内容，但是这种方法也没用,只有你稍微懂得以下第二种方法即可查看此网页的源代码源文件。

第二种：通过浏览器状态栏或工具栏中的点击

“查看”然后就用一项“查看源代码”，点击查看源代码即可查看此网页的源代码源文件。在微软IE下截图：在微软IE下 查看---源文件 即可查看此网页代码在傲游浏览器下截图：

查看别人网页的源代码可以为我们制作网页时候有帮助，以后将介绍查看源代码更多方法及怎么运用到别人的源代码文件。

第三种：也可以通过一些网页查找源代码的网站去搜索，有一些专门的这些网站的，只需要你想要网站的地址就可以了。

网站上的html代码是什么意思？这个代码在哪里？

网站上的html代码就是网站上网页里的代码，查看网页HTML代码：把鼠标放在网页上点击鼠标右键，有一个查看源文件，那就是网页的HTML代码