一个sohoto广告弹出页提取时间的Js修改过程

以前页面就有浏览器兼容问题 只能ie浏览 今天有空看了一下代码 确实比较糟糕 代码如下:

<input type="hidden" name="checkInDate" id="checkInDate" />
<SCRIPT LANGUAGE="JavaScript">
  var nowtoday = new Date();
  var showMonth = nowtoday.getMonth() + 1;
  var showDate = "";
  if (nowtoday.getMonth() < 9)
    showMonth = "0" + showMonth;
  if (nowtoday.getDate() < 10)
    showDate = "0" + nowtoday.getDate();
  else
    showDate = nowtoday.getDate();
  document.getElementById("checkInDate").value = nowtoday.getYear() + "-"
      + showMonth + "-" + showDate;
</SCRIPT>

<input type="hidden" name="checkOutDate" id="checkOutDate" />
<SCRIPT LANGUAGE="JavaScript">
  var nowtoday = new Date();
  var nextday = new Date(nowtoday.getTime() + 24 * 3600 * 1000);
  var showMonth = nextday.getMonth() + 1;
  var showDate = "";
  if (nextday.getMonth() < 9)
    showMonth = "0" + showMonth;
  if (nextday.getDate() < 10)
    showDate = "0" + nextday.getDate();
  else
    showDate = nextday.getDate();
  document.getElementById("checkOutDate").value = nextday.getYear() + "-"
      + showMonth + "-" + showDate;
</SCRIPT>

<script type="text/javascript">
function goHotelInformation(hotelId){
  var checkInDate=document.getElementById("checkInDate").value;
  var checkOutDate=document.getElementById("checkOutDate").value;
  var path=location.pathname;
    var idx=path.indexOf("/",1);
    var ctx=path.substring(0,idx);
    window.open(ctx+"/htl/order/HotelInfomation.do?hotelId="+hotelId+"&checkInDate="+checkInDate+"&checkOutDate="+checkOutDate+"&c=1&m=1&L=0");
}
</script>

我们看到有3个script标签 还有重复的全局变量 

大致的功能就是取到今天和明天的日期 存储到两个input里 然后在根据两个日期查询酒店

功能很简单 但是过程很复杂 在这里做一些修改:

1.浏览器兼容问题是getYear()方法造成的 这里用getFullYear()

2.没必要把取到的日期存进input在调用input的value 这里写个方法直接调用日期

一个script 两个方法搞定

getDay().nowtoday和getDay().nextday还可以供别的页面使用 代替了更多的全局变量

<script type="text/javascript">
function getDay(){
  var nowtoday = new Date(),  //今天
      nextday = new Date(nowtoday.getTime() + 24 * 3600 * 1000);  //明天

  //月份+1
  var showMonth = nowtoday.getMonth() + 1,
      nextShowMonth = nextday.getMonth() + 1;

  //日期
  var showDate = "",
      nextShowDate = "";

  if (nowtoday.getMonth() < 9) showMonth = "0" + showMonth;
  if (nextday.getMonth() < 9) nextShowMonth = "0" + nextShowMonth;

  nowtoday.getDate() < 10 ? showDate = "0" + nowtoday.getDate() : showDate = nowtoday.getDate();
  nextday.getDate() < 10 ? nextShowDate = "0" + nextday.getDate() : nextShowDate = nextday.getDate();

  return{"nowtoday" : nowtoday.getFullYear() + "-" + showMonth + "-" + showDate , "nextday" : nextday.getFullYear() + "-"+ nextShowMonth + "-" + nextShowDate}
}

function goHotelInformation(hotelId){
    var path = location.pathname,
        idx = path.indexOf("/",1),
        ctx = path.substring(0,idx);
    window.open(ctx+"/htl/order/HotelInfomation.do?hotelId="+ hotelId +"&checkInDate="+ getDay().nowtoday +"&checkOutDate="+ getDay().nextday +"&c=1&m=1&L=0");
}
</script>