1. 程式人生 > >js中的關於onClick事件的引數傳遞

js中的關於onClick事件的引數傳遞

很多時候onclick事件是伴隨著頁面的跳轉,也就會有相應的引數傳遞案。案例如下所示:

<a href="#" onclick='showTable(this)'>123</a>  #為你要跳轉的頁面  這個時候你傳的引數就是123    

function  showTable(data){

       alert(data.innerHTML);//js寫法

      alert($(data).html());//jquery寫法

}

但有時候我們不想傳點選的引數,也就是說點選後傳別的引數,可以這樣寫:

<a href="#" onclick="showTable(this)" type="要傳的引數">點選跳轉</a>   或者寫成 

<a href="#" onclick="showTable(this.type)" type="要傳的引數">點選跳轉</a>

  #為你要跳轉的頁面    這個時候你傳的引數就是type的內容,也就是“要傳的引數”

function  showTable(data){

type 是你傳的引數,所以這裡你要進行獲取

      var type = data.type;

    alert(type);

}

注:this是你當前的物件,一定要理解this這個關鍵字