<!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. 六、Solr高亮与Field权重
			
    Solr高亮 原理 做搜索时,高亮是很常见的需求,那么Solr肯定也为高亮提供了支持.先解释下Solr高亮的原理,在我们设置了需要高亮显示的Field之后,查询得到的返回结果会多出来下面的内容: &q ...
    
			
    2. 
						
  2. less样式表
			
    LESS是一种由Alexis Sellier设计的动态层叠样式表语言.受Sass所影响,同时也影响了Sass的新语法:SCSS.[2]  LESS是开源的,其第一个版本由Ruby写成,但在后续的版本当 ...
    
			
    3. 
						
  3. Asp.Net WebAPI传递json对象、后台手动接收参数
			
    1.前台代码 /* * 跨域请求Post * 1个对象参数,后台JObject接受 */ $.post(apiUrl.getOne("PostFourth"), { name: } ...
    
			
    4. 
						
  4. oracle 优化——索引与组合索引
			
    1.索引结构.第一张图是索引的官方图解,右侧是存储方式的图解. 图中很清晰的展示了索引存储的状况. 在leaf 节点中存储了一列,索引所对应项的 :值,rowId,长度,头信息(控制信息) 这样我们就 ...
    
			
    5. 
						
  5. Oracle Enterprise Manager快速重建
			
    我们在使用Oracle时, 可以利用Oracle自带的EM(Enterprise Manager)来更方便的管理我们的数据库.但是有时候我们的em却有时候无法连接,造成这个问题的原因有好多,例如没有正 ...
    
			
    6. 
						
  6. 《Hadoop权威》学习笔记五：MapReduce应用程序
			
    一.API的配置---Configuration类 API的配置:Hadoop提供了专门的API对资源进行配置,Configuration类的实例(在org.apache.hadoop.conf包)包 ...
    
			
    7. 
						
  7. 【vc】5_文本编程
			
    1.插入符(Caret): (1) 文本插入符 函数的原型声明:(CWnd类) void CreateSolidCaret ( int Nwidth, int nHeight ); ·nwidth:指 ...
    
			
    8. 
						
  8. 自定义 Preference Header 布局
			
    1. Preference Header 概述: 对于什么是 Preference Header,以及何时使用 Preference Header,请参考我的另一篇博文: 何时使用 Preferenc ...
    
			
    9. 
						
  9. HIVE快速入门
			
    (一)简单入门 1.创建一个表 create table if not exists ljh_emp( name string, salary float, gender string) commen ...
    
			
    10. 
						
  10. 记录一下最近开发web移动前端的过程
			
    两个项目 第一个是公司网站的移动端,我所在的公司是做某方面的新闻站的. 所以说页面基本是以一条条的新闻+图文混排为主,顶部有一个自动slider+触屏滑动的功能, 使用的是swipe插件,轻量,简洁非 ...
    
			
    11.