<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>购物车升级版</title>    <style>        table{border-collapse: collapse}        tr td{            border: 1px solid black;            text-align: center;        }    li{list-style: none;float: left;padding-left: 12px}        #btn{            margin-bottom: 10px;        }    </style>

</head><body><h1>淘宝购物车</h1>

<button disabled id="btn">去结算</button>

<table width="600" border="1px solid #ccc">    <tr>        <td>商品排名</td>        <td>商品名称</td>        <td>商品价格</td>        <td>商品数量</td>        <td>商品小计</td>    </tr>    <tr>        <td>热度第二</td>        <td>python</td>        <td>&yen;8888.00</td>        <td>            <button onclick="add(this)">+</button>            <span>0</span>            <button onclick="jian(this)">-</button>        </td>        <td>            0.00        </td>    </tr>    <tr>        <td>热度第三</td>        <td>java</td>        <td>&yen;4888.00</td>        <td>            <button onclick="add(this)">+</button>            <span>0</span>            <button onclick="jian(this)">-</button>        </td>        <td>           0.00        </td>    </tr>    <tr>        <td>热度第一</td>        <td>c</td>        <td>&yen;9888.00</td>        <td>            <button onclick="add(this)">+</button>            <span>0</span>            <button onclick="jian(this)">-</button>        </td>        <td>           0.00        </td>    </tr>    <tr>        <td>总计</td>        <td colspan="3"></td>        <td>0</td>    </tr></table><ul>

    <li><a href="javascript:;">添加购物车</a> </li>    <li><a href="javascript:;">清空购物车</a> </li>    <li><a href="javascript:;">查看历史记录</a> </li>    <li><a href="javascript:;">获取随机商品</a> </li></ul> <script src='js.js'></script></body></html>如图

												


											
js基础例子购物车升级版（未优化版）的更多相关文章
	

    
								
  1. js基础知识梳理（最简版）
		
    基础的JavaScript知识,只放XMind截图.小白 JS01 JS02 JS03 最基础的js知识--!
    
		
    2. 
						
  2. js基础例子dom+原型+oop基础知识记录01
		
    //oo:概念是计算机中对于现实世界的理解和抽象的方法 //由计算机利用编程技术发展到现在的产物 //面向对象几要素 //对象:由属性和方法组成的集合 //属性:保存数据,存储在对象内存空间中的唯一的 ...
    
		
    3. 
						
  3. js基础例子
		
    创建变量 var obj=value; 其中obj是变量名; value表示可能是数字,数组,函数之类的 多变量进行计算 var a1=200,b1='hello',c1=400; var d1=c1 ...
    
		
    4. 
						
  4. 3-0 js基础 语言特性及性能优化
		
    1.语言特性: 内存泄露:内存没有释放,越堆越多. 垃圾回收(生命周期): 1.局部 很短 在局部中当函数完成时.已经释放了.全局变量在页面关闭的时候才被回收. 2.全局 很长 3.闭包.可长可短,只 ...
    
		
    5. 
						
  5. js基础例子动态创建table实例
		
    <style> table{ width:500px; font-weight: bold; border: 1px solid #000; border-collapse:collaps ...
    
		
    6. 
						
  6. .NET 纯原生实现 Cron 定时任务执行，未依赖第三方组件 (Timer 优化版)
		
    在上个月写过一篇 .NET 纯原生实现 Cron 定时任务执行,未依赖第三方组件 的文章,当时 CronSchedule 的实现是使用了,每个服务都独立进入到一个 while 循环中,进行定期扫描是否 ...
    
		
    7. 
						
  7. 01慕课网《进击Node.js基础（一）》Node.js安装，创建例子
		
    版本:偶数位为稳定版本,基数为非稳定版本 - 0.6.x - 0.7.x    - 0.8.x -0.9.x    -0.10.x  -0.11.x 概念:Node.js采用谷歌浏览器的V8引擎,用C ...
    
		
    8. 
						
  8. JavaScript是如何工作的: CSS 和 JS 动画底层原理及如何优化它们的性能
		
    摘要: 理解浏览器渲染. 原文:JavaScript是如何工作的: CSS 和 JS 动画底层原理及如何优化它们的性能 作者:前端小智 Fundebug经授权转载,版权归原作者所有. 这是专门探索 J ...
    
		
    9. 
						
  9. 前端面试题目汇总摘录（JS 基础篇）
		
    JS 基础 JavaScript 的 typeof 返回那些数据类型 object number function boolean undefined string typeof null; // o ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. DevExpress之时间控件
			
    dateEdit和timeEdit 基本属性 DisplayFormat.FormatString-------失去焦点是控件显示的格式,timeEdit用不上 EditMask----------- ...
    
			
    2. 
						
  2. Android Paint之 setXfermode PorterDuffXfermode 讲解
			
    setXfermodePorterDuffXfermode图层混合模式android图像混合模式AvoidXfermode 尊重原创,欢迎转载,转载请注明: FROM  GA_studio   htt ...
    
			
    3. 
						
  3. Android在跳转市场进行评分问题总结
			
    原本以为应用评分是个很小的功能,但是一实现才发现真不是个小事.网上搜索资料没有找到答案,在很多开发群里面询问了很多人也没有解决问题,最后分析log,反编译看源码才终于有了些眉目,好吧,上代码: 1 t ...
    
			
    4. 
						
  4. Android ListView 滚动的N种方法
			
    Android 里面让ListView滚动有N种方法,这儿列举三种: 我的需求是通过按键让Listview滚动起来,当然这些按键不是通过Android标识接口传输过来的,所以不能通过监听按键事件来实现 ...
    
			
    5. 
						
  5. 【转】NSHashtable and NSMaptable
			
    本文转自Nidom的博客,原文:<NSHashtable & NSMaptable>   NSSet, NSDictionary, NSArray是Foundation框架关于集合 ...
    
			
    6. 
						
  6. HttpWebRequest多线程抓取17Track的物流信息
			
    公司的一个系统需要去抓17Track的物流信息,贴上代码有需要的朋友可以参考一下↓ //17Track的抓取地址以及开启的线程数量 <add key="url" value= ...
    
			
    7. 
						
  7. Fragement理解
			
    ■ 初衷 可重用,碎片化UI,适应大屏幕pad和小屏幕手机 ■ 优点 自行控制加入,移除,交换. activity则由framework深度掌管. 切换流畅 模块化(逻辑上切割处理)   缺点带来额外 ...
    
			
    8. 
						
  8. innodb部分参数优化
			
    参数调优内容:1. 内存利用方面2. 日值控制方面3. 文件IO分配,空间占用方面4. 其它相关参数 1.内存利用方面:首先介绍一个Innodb最重要的参数:innodb_buffer_pool_si ...
    
			
    9. 
						
  9. WPF采用MVVM模式(绑定:纯前台、命令：触发器绑定命令)
			
    MVVM绑定 view-viewModel-model,模型介绍省略,就是创建类,添加字段封装属性.注:控件的绑定只能绑定到属性上,不能绑定到字段上: 接下来就是代码 (view): <Wind ...
    
			
    10. 
						
  10. mybatis常用语句
			
    <trim>标签中,prefix 前缀,suffix后缀, suffixOverrides语句最后如果有指定符号,则去除此符号, prefixOverrides语句最前面如果有指定符号,则 ...
    
			
    11.