<!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. 【iOS基础】iOS 网络请求
			
    一.一个HTTP请求的基本要素1.请求URL:客户端通过哪个路径找到服务器 2.请求参数:客户端发送给服务器的数据* 比如登录时需要发送的用户名和密码 3.返回结果:服务器返回给客户端的数据* 一般是 ...
    
			
    2. 
						
  2. WinXP 无线提示“区域中找不到无线网络”的一种可能原因!
			
    貌似WinXP还是无限经典,我也一直还在用,不知道哪天才会放弃.这次遇见的问题,或许也有XP爱好者也遇得见,记下点文字备忘.----------------------- 单调的切割线 ------- ...
    
			
    3. 
						
  3. android键盘事件
			
    在main.xml文件中代码如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout  ...
    
			
    4. 
						
  4. 自定义控件（视图）2期笔记03：自定义控件之使用系统控件（优酷案例之广告条Viewpager）
			
    1.首先我们看看运行效果,如下: 2. 下面就是详细实现这个效果的过程: (1)新建一个Android工程,命名为"广告条的效果",如下: (2)这里用到一个控件ViewPager ...
    
			
    5. 
						
  5. C#。4 数组
			
    一.跳出循环的俩个关键字 1.break与continue.        这两个关键字一般放在循环的花括号里面使用.break——结束整个循环.continue——结束本次循环,进入下次循环. br ...
    
			
    6. 
						
  6. （转）jQuery.extend 函数详解
			
    Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解       JQuery的extend扩展方法: Jquery的扩展方法extend ...
    
			
    7. 
						
  7. 在MVC中如何愉快使用Ajax
			
    前言: 这个故事要从我老大与客户谈需求开始说起.前几天,遇见一个逗比客户,不知道是听了哪个逗比程序员的临终遗言...让我们给他做一个手机端的Web应用出来,还说要使用MVC来做(不是App).马币,客 ...
    
			
    8. 
						
  8. 学习Android NestedScroll
			
    NestedScrollingChildHelper 这是一个用于实现子视图嵌套滚动的辅助类,并提供对Android 5.0之前版本的前兼容. View要作为嵌套滚动中的Child,要在构造方法中实例 ...
    
			
    9. 
						
  9. ORACLE网络配置大全没有比这个更详细的【weber出品】
			
    一.起篇 现在怎么说也是互联网时代,数据库也要联网,很多朋友学习Oracle的时候无外乎搭建的是以下两种学习环境: 1.直接在windows环境下安装Oracle后直接sqlplus连接. 2.在wi ...
    
			
    10. 
						
  10. edit编辑框相关
			
    从Edit Control获取值,然后通过MessageBox输出出来 void CNowaMagic_MFCDlg::OnBnClickedOk() { // TODO: 在此添加控件通知处理程序代 ...
    
			
    11.