JS-杂篇-18/4/7

XMLHttpRequest请求

var url='test.php';
var xhr;
if (window.XMLHttpRequest)
{
  xhr=new XMLHttpRequest();// code for IE7+, Firefox, Chrome, Opera, Safari
}
else
{
  xhr=new ActiveXObject("Microsoft.XMLHTTP");// code for IE6, IE5
}
xhr=new XMLHttpRequest(); //新建一个http请求
xhr.open('POST',url); //指定url路径
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); //设置头信息
xhr.onreadystatechange=function(){  //请求过程
  if(xhr.readyState === 4){       //请求返回状态
    if(xhr.status === 200){       //请求返回状态码
      var type=xhr.getResponseHeader('Content-type');  //查看返回数据类型
      '返回的数据类型:'+type);
      if(type.indexOf('xml')!='-1' && xhr.responseXML){ //xml类型
        console.log(xhr.responseXML);
      }else if(type == 'application/json'){   //json类型
        console.log(xhr.responseText);
      }else{
        console.log(xhr.responseText);   //其他,例如 html text...
      }
    }
  }
}
xhr.send('name=jaxi&age=15');  //post请求时 在send('请求参数');
var url='test.php?name=jaxi&age=15'; //GET请求时 在路径后添加请求参数
xhr.send(null);//GET请求时 直接send(null)

内存和性能

js事件处理程序数量将直接影响页面整体运行性能

事件委托

利用冒泡特性 1.速度快 2.内存占用小 3.只需一个元素触发

页面倒计时

var intDiff = parseInt(600);//倒计时总秒数量
function timer(intDiff){
     window.setInterval(function(){
             var day=0, hour=0, minute=0, second=0;//时间默认值
          if(intDiff > 0){
            day = Math.floor(intDiff / (60 * 60 * 24));
             hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
             minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
             second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
          }else{
              //当时间耗尽，刷新页面 window.location.reload();
          }
          if (minute <= 9) minute = '0' + minute;
          if (second <= 9) second = '0' + second;
          $("#inn").html('本页数据还剩下'+minute+'分'+second+'秒刷新,刷新间隔时间: 10 分钟');
          intDiff--;
    }, 1000);
 }
 $(function(){ timer(intDiff); });

页面时间实时更新

function timeShow(){
  var date=new Date();
  var year=date.getFullYear();
  var month=date.getMonth()+1;
  var day=date.getDate();
  var hour=date.getHours();
  var min=date.getMinutes();
  var sec=date.getSeconds();
  var week=date.getDay();
  switch(week){
    case 0:week='星期天';break;
    case 1:week='星期一';break;
    case 2:week='星期二';break;
    case 3:week='星期三';break;
    case 4:week='星期四';break;
    case 5:week='星期五';break;
    case 6:week='星期六';break;
  }
  document.getElementById('inn').innerHTML=year+'-'
  +month+'-'+day+' '+hour+':'+min+':'+sec+" "+week;
    setTimeout(timeShow,1000);
  }
  timeShow();