<!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. 【更新日志】售后CP更新日志
			
    记录一下: [售后CP更新日志] ============================================ 更新时间:[-- :] 更新内容: .版本升级,框架升级,框架升级版本3.  ...
    
			
    2. 
						
  2. 通过代码设置radiobutton不同方位图标的两种方法
			
    更换radiobutton中的图片在xml中很好设置,但对于初学者如何在代码中设置还是不容易找的.没法子,通过看原版api找到两个方法,setCompoundDrawables和setCompound ...
    
			
    3. 
						
  3. 最好的Laravel中文文档
			
    分页 配置 基本用法 给分页链接添加自定义信息 配置 在其它的框架中,分页有时很痛苦. 但是Laravel让分页简单到不可思议. 默认Laravel包含了两个分页视图, 在app/config/vie ...
    
			
    4. 
						
  4. [Angular 2] @ViewChild to access Child component's method
			
    When you want to access child component's method, you can use @ViewChild in the parent: Parent Compo ...
    
			
    5. 
						
  5. Linux字符设备中的两个重要结构体（file、inode）
			
    对于Linux系统中,一般字符设备和驱动之间的函数调用关系如下图所示 上图描述了用户空间应用程序通过系统调用来调用程序的过程.一般而言在驱动程序的设计中,会关系 struct file 和 struc ...
    
			
    6. 
						
  6. Eclipse中如何安装和使用GrepCode插件
			
    GrepCode(GC)Eclipse插件允许Eclipse用户在Eclipse IDE中搜索由GrepCode提供的工厂类.本教程介绍如何安装和使用插件.使用Eclipse3.5(Galileo)的 ...
    
			
    7. 
						
  7. 忘记mysql 5.7的密码
			
    for windows: http://blog.chinaunix.net/uid-27570589-id-3511820.html 一.将net stop mysql; 二.在命令行中 C:\Us ...
    
			
    8. 
						
  8. 高仿QQ即时聊天软件开发系列之三登录窗口用户选择下拉框
			
    上一篇高仿QQ即时聊天软件开发系列之二登录窗口界面写了一个大概的布局和原理 这一篇详细说下拉框的实现原理 先上最终效果图 一开始其实只是想给下拉框加一个placeholder效果,让下拉框在未选择未输 ...
    
			
    9. 
						
  9. css应用四
			
    1.Float属性详解 float属性定义元素在哪个方向浮动. Left 左浮动: Right 右浮动: None 默认,不浮动: Inherit 继承父元素float属性. 示例一: <div ...
    
			
    10. 
						
  10. json_encode如何防止汉字转义成unicode
			
    众所周知,json_encode通常会把json中的汉字转义成unicode,但是这并不一定是我们想要的.有时候,我们需要获得汉字形式的json字符串,比如需要获得gbk编码的json字符串(只要把汉 ...
    
			
    11.