<!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

     <style>

         body{

             margin: 0;

         }

         .c1{

             top: 10px;

             left: 10px;

             position: relative;

             width: 150px;

             height: 22px;

             border: 1px solid black;

             padding-right: -22px;

         }

         .c2{

             position: absolute;

             width: 22px;

             height: 22px;

             line-height: 22px;

             text-align: center;

             background-color: #dce7f4;

             border-right: 1px solid black;

             cursor: pointer;

         }

         .c3{

         }

         .c3 input{

             border: 0;

             padding: 0;

             position: absolute;

             left: 23px;

             width: 104px;

             height: 22px;

             line-height: 22px;

             text-align: center;

         }

         .c4{

             right: 0;

             position: absolute;

             width: 22px;

             height: 22px;

             line-height: 22px;

             text-align: center;

             border-left: 1px solid black;

             background-color: #dce7f4;

             cursor: pointer;

         }

     </style>

 </head>

 <body>

     <div class="c1">

         <div class="c2" onclick="Minus()">-</div>

          <div class="c3">

             <input type="text" id="count" value="0" />

         </div>

         <div class="c4"  onclick="Plus()">+</div>

     </div>

     <script type="text/javascript">

         //定义函数

         function Plus() {

             var old_str = document.getElementById('count').value;

             try{

                 var old_int = parseInt(old_str);

             }catch(e){

                 var old_int = 1

             }

             var new_int = old_int + 1;

             document.getElementById('count').value = new_int;

         }

         function Minus() {

             var old_str = document.getElementById('count').value;

             try{

                 var old_int = parseInt(old_str);

             }catch(e){

                 var old_int = 1

             }

             var new_int = old_int - 1;

             document.getElementById('count').value = new_int;

         }

     </script>

 </body>

 </html>

加减 script函数初识的更多相关文章

  1. 用python进行月份加减的函数

    import math def add_month(datamonth, num): """ 月份加减函数,返回字符串类型 :param datamonth: 时间(20 ...

  2. mysql加减时间-函数-时间加减

    select timediff('23:40:00', ' 18:30:00'); -- 两时间相减 SELECT substring( timediff(,) ----“:”相减返回小时:分钟 -- ...

  3. Delphi日期函数、日期加减

    Delphi里有现成的函数可以实现日期加减,是在DateUtils单元里的. function IncYear(const AValue: TDateTime; const ANumberOfYear ...

  4. 【python】详解time模块功能asctime、localtime、mktime、sleep、strptime、strftime、time等函数以及时间的加减运算

    在Python中,与时间处理相关的模块有:time.datetime以及calendar.学会计算时间,对程序的调优非常重要,可以在程序中狂打时间戳,来具体判断程序中哪一块耗时最多,从而找到程序调优的 ...

  5. DB2时间函数 实现 时间加减

    时间加减:后边记得跟上时间类型如day.HOUR TIMESTAMP ( TIMESTAMP(DEF_TIME)+1 day)+18 HOUR   DB2时间函数是我们最常见的函数之一,下面就为您介绍 ...

  6. 小巧实用的数字加减插件（jquery插件）

    2015-12-04 近期项目需要,我将插件更新了,增加了两个参数,一个参数控制文本框是否支持输入,另一个参数则是新增了一个回调函数,返回文本框内的值.另外对代码局部重构了,优化了一下封装,需要的朋友 ...

  7. js实现购买数量加减效果

    写在前面:当我们需要在多个页面都有操作数量的需求时的一种解决方案 结构: js代码: <script type="text/javascript"> function ...

  8. js jquery 权限单选 bug修改以及正确代码 购物车数量加减

    效果图废话不多直接上代码 用的avalon渲染,其实都是一样的 <div class="shop-arithmetic"> <a href="javas ...

  9. php生成动态验证码 加减算法验证码 简单验证码

    预览效果: <?php /** *ImageCode 生成包含验证码的GIF图片的函数 *@param $string 字符串 *@param $width 宽度 *@param $height ...

随机推荐

  1. Python 3 面向对象进阶

    Python 3 面向对象进阶 一.    isinstance(obj,cls)和issubclass(sub,super) isinstance(obj,cls)检查是否obj是否是类 cls 的 ...

  2. 【Flask】Column常用参数

    ### Column常用参数:1. primary_key:设置某个字段为主键.2. autoincrement:设置这个字段为自动增长的.3. default:设置某个字段的默认值.在发表时间这些字 ...

  3. 同步异步阻塞非阻塞Reactor模式和Proactor模式 （目前JAVA的NIO就属于同步非阻塞IO）

    在高性能的I/O设计中,有两个比较著名的模式Reactor和Proactor模式,其中Reactor模式用于同步I/O,而Proactor运用于异步I/O操作. 在比较这两个模式之前,我们首先的搞明白 ...

  4. linux限制用户内存使用

    最近有内存使用报警的邮件发出,之后杀掉了内存占用高的进程,使内存恢复正常 但是发现某些程序被杀掉了,有过怀疑是被人手动杀掉的,看日志后发现应该是内存占用过大,系统自动杀掉的 内存耗尽会调用oom 对进 ...

  5. 什么是tmpfs

    什么是tmpfs tmpfs是Linux/Unix系统上的一种基于内存的文件系统.tmpfs可以使用您的内存或swap分区来存储文件. 实现原理:基于VM子系统 tmpfs是基于Linux的虚拟内存管 ...

  6. mysql 根据sql查询语句导出数据

    在这里提供2中方式: 建议:可以使用方式二,就不使用方式一. 方式一: 在linux下支持,window下不支持. 进入到mysql的bin目录,或者已经给mysql配置了环境变量就不用进入bin目录 ...

  7. Web Worker浅学

    Web Workers 是 HTML5 提供的一个javascript多线程解决方案,我们可以将一些大计算量的代码交由web Worker运行而不冻结用户界面.它独立于其他脚本,不会影响页面的性能.您 ...

  8. python3字符串属性（二）

    1.S.isdecimal() -> bool    Return True if there are only decimal characters in S, False otherwise ...

  9. Ueditor--toolbars

    (1)代码中定义 <script id="container" name="content" type="text/plain"> ...

  10. 如何在MySQL中查询当前数据上一条和下一条的记录

    如果ID是主键或者有索引,可以直接查找: 方法一: 查询上一条记录的SQL语句(如果有其他的查询条件记得加上other_conditions以免出现不必要的错误): select * from tab ...