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){       //請求返回狀態(tài)
    if(xhr.status === 200){       //請求返回狀態(tài)碼
      var type=xhr.getResponseHeader('Content-type');  //查看返回數(shù)據(jù)類型
      '返回的數(shù)據(jù)類型:'+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('請求參數(shù)');
var url='test.php?name=jaxi&age=15'; //GET請求時 在路徑后添加請求參數(shù)
xhr.send(null);//GET請求時 直接send(null)

內(nèi)存和性能

js事件處理程序數(shù)量將直接影響頁面整體運行性能

事件委托

利用冒泡特性 1.速度快 2.內(nèi)存占用小 3.只需一個元素觸發(fā)

頁面倒計時

var intDiff = parseInt(600);//倒計時總秒數(shù)量
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('本頁數(shù)據(jù)還剩下'+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();