<!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. android后台截屏实现(2)--screencap源码修改
			
    首先找到screencap类在Android源码中的位置,/442/frameworks/base/cmds/screencap/screencap.cpp 源码如下: /* * Copyright  ...
    
			
    2. 
						
  2. Android 自定义控件玩转字体变色 打造炫酷ViewPager指示器
			
    1.概述 本篇博客的产生呢,是因为,群里的哥们暖暖给我发了个效果图,然后问我该如何实现顶部ViewPager指示器的字体变色,该效果图是这样的: 大概是今天头条的app,神奇的地方就在于,切换View ...
    
			
    3. 
						
  3. com.intellij.javaee.oss.admin.jmx.JmxAdminException: com.intellij.execution.ExecutionException idea 导出war 报错
			
    com.intellij.javaee.oss.admin.jmx.JmxAdminException: com.intellij.execution.ExecutionException 部署到in ...
    
			
    4. 
						
  4. .NET基础拾遗（7）多线程开发基础2
			
    二..NET中的多线程编程 2.1 如何在.NET程序中手动控制多个线程? 最直接且灵活性最大的,莫过于主动创建.运行.结束所有线程. (1)第一个多线程程序 .NET提供了非常直接的控制线程类型的类 ...
    
			
    5. 
						
  5. @Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction
			
    1.带有Render的方法返回值是void,在方法内部进行输出: 不带的返回值类型为MvcHtmlString,所以只能这样使用: @Html.Partial 对应 @{Html.RenderPart ...
    
			
    6. 
						
  6. Sql 2012 OFFSET  /  FETCH NEXT  BUG
			
    上个星期,测试发现了一个分页的bug--- 无论怎么分页数据的一样.我们所有的分页都是用EF 分页,为什么只有一个模块的分页有问题呢? 后来跟了下sql语句,发现用到是sql2012的新分页方式 OF ...
    
			
    7. 
						
  7. Lambda表达式 - 浅谈
			
    概述: 只要有委托参数类型的地方,就可以使用 Lambda表达式.在讲述Lambda表达式之前,有必要先简要说明一下 委托中的"匿名方法": using System; using ...
    
			
    8. 
						
  8. AngularJs练习Demo15自定义服务
			
    @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport&quo ...
    
			
    9. 
						
  9. poj 1182 并查集高级应用
			
    C - 是谁站在食物链的顶端 Crawling in process... Crawling failed Time Limit:1000MS     Memory Limit:10000KB     ...
    
			
    10. 
						
  10. [Oracle] 浅谈Sequence
			
    Oracle的Sequence是一种数据库对象,它可以生成有序数字,主要用于主键的自动生成.如果没有Sequence,主键的自动生成必须得在代码逻辑里实现,大致过程是:获取当前主键值,新主键值=当前主 ...
    
			
    11.