分享人：李俊

1. 获取Tid

在用.html替代.aspx设计页面，并且做增删改查过程中，如果要设置成：

image.png

每条数据后带有修改、删除操作，采用了添加标签的方法，能够转至相应页面

for (vari = 0; i < data.Data.length; i++) {
str += "<tr>
<td>" +data.Data[i].U_Name + "</td>
<td>" +data.Data[i].U_Phone + "</td>
<td>" +data.Data[i].U_Email + "</td>
<td><a href=\"javascript:openUrl('/HtmlTest/UserInfoChange.html?tid="+ data.Data[i].Tid + "')\">修改</a>
<a href=\"javascript:openUrl('/HtmlTest/UserInfoDelete.html?tid="+ data.Data[i].Tid + "')\">删除</a>
</td>
</tr>";

当进入修改页面之后，需要先将原信息显示，因此要利用该数据Tid先进行查询，如果用

image.png

可以得到本页面带有？问号后面的url，用alert显示出来获得的结果其实是：

image.png

如何只获取"？"后面的Tid呢，我们可以用

image.png

将其拆分，split() 将一个字符串分割为子字符串，然后将结果作为字符串数组返回，其中"[0]"存储"？"，"[1]"存储tid。

image.png

2. 修改信息提交后，关闭修改页面并且页面返回查询页面，window.close()不行的情况下，用history.go(-1)。

 $scope.Change = function ()
           {
              $http
                   ({
                       method: "POST",
                       url: "/Action/UserInfoTwo.ashx",
                       params: { 'action': 'changeuserinfo', 'username': $scope.username, 'userphone': $scope.userphone, 'useremail': $scope.useremail, 'tid': tid },
                   })
                      .success(function (data)
                      {
                          alert("操作成功");
                          history.go(-1);//返回上一页
                          //window.open("UserInfoSearch.html");
                   })
                      .error(function (data)
                      {
                          alert(data.fail);
                   });
          }

附：

history.back(-1):直接返回当前页的上一页，数据全部消息，是个新页面
history.go(-1):也是返回当前页的上一个页面，不过表单里的数据全部还在
history.back(0)：刷新
history.back(1)：前进
history.back(-1)：后退

window.location.reload();    //刷新
window.history.go(1);    //前进
window.history.go(-1);    //返回+前进
window.history.forward();    //前进
window.history.back();    //返回

history是Javascript中Window下的对像，用于存储浏览器的历史信息。它含有三个方法，go(),back()和forward()，分别用来控制页面的跳转。其中：
back()表示返回到上一页面，效果相当于go(-1);
forward()表示返回到下一页面，效果相当于go(1);
go()用于指定页的跳转，比如go(-2)表示返回到浏览过的前两个页面。

• javascript:history.go()和History.back()的区别(转载)

• History go() 方法 | 菜鸟教程

3. 为实现点击开课日期时只出现一个日历表，HTML中写以下代码：

image.png

开课日期、地面理论、私照、商照、仪表、高性能均为日期形式，为实现点击开课日期时只出现一个日历表，HTML中写以下代码：

<div class="form-group">
        <label class="col-sm-3 control-label">开课日期</label>
             <div class="col-sm-9">
                   <div class="input-group w-md">
                     <input type="text" class="form-control" show-button-bar="true" datepicker-popup="yyyy-MM-dd"
                       ng-model="student.SI_StartDate" is-open="opened" datepicker-options="dateOptions" 
                       ng-required="true" close-text="关闭" />
                   <span class="input-group-btn">
                  <button type="button"  class="btn btn-default"  ng-click="openDatepicker($event)">
                    <i class="glyphicon glyphicon-calendar"></i></button>
                    </span>
                 </div>
            </div>
      </div>

对应的JS中写：

  $scope.openDatepicker2 = function ($event) {
            $event.preventDefault();
            $event.stopPropagation();
            $scope.opened2 = true;