你的位置:首页 > 软件开发 > Java > javascript设计模式实践之策略模式

javascript设计模式实践之策略模式

发布时间:2015-11-27 14:00:19
策略模式中的策略就是一种算法或者业务规则,将这些策略作为函数进行封装,并向外提供统一的调用执行。先定义一个简单的输入表单:<!DOCTYPE html><html> <head> <meta charset="utf-8 ...

策略模式中的策略就是一种算法或者业务规则,将这些策略作为函数进行封装,并向外提供统一的调用执行。

先定义一个简单的输入表单:

<!DOCTYPE html><html>  <head>    <meta charset="utf-8">    <style>      .form{        width: 400px;        height: 200px;        #margin: 0px auto;      }      .form-item-label{        width:100px;        text-align: right;        float: left;      }      .form-item-input{        float: left;      }      .form-item{        width: 100% ;        height: 50px;        line-height: 50px;      }    </style>  </head>  <body>    <div class='form'>      <div class="form-item">        <div class='form-item-label'><span>用户名:</span></div>        <div class='form-item-input'><input id='userName' name='用户名' type="text"></div>      </div>      <div class="form-item" >        <div class='form-item-label'><span>密码:</span></div>        <div class='form-item-input'><input id='password' name='密码' type="text"></div>      </div>      <div class="form-item" >        <div class='form-item-label'><span>确认密码:</span></div>        <div class='form-item-input'><input id='repassword' name='密码确认' type="text"></div>      </div>      <div class="form-item" >        <div class='form-item-label'><span>邮箱:</span></div>        <div class='form-item-input'><input id='mail' name='邮箱' type="text" ></div>      </div>    </div>    <br>    <button id='submit' >提交</button>    <script type='text/javascript' src='/images/loading.gif' data-original="../reference/jquery-1.11.3.min.js"></script>  </body></html>

原标题:javascript设计模式实践之策略模式

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。