js如何动态添加事件并设置参数

JavaScript016

js如何动态添加事件并设置参数,第1张

a1.addEventListener("click", function () { window.location.href = "newsDetail.aspx?id=" + this})

在这个click方法中,你可以先打印this,看看this代表的是什么。

这个this应该代表的是a1,你应该在创建a1(var a1 = document.createElement("a"))

时,指定ID,这样click方法中,你就可以同this.id获得ID

i这个变量可以通过jsp中的标签输出比如你写成show_list('num'+<%=i%>) 或者show_list('num<%=i%>') 这样就可以了,当然你前面要定义一下变量 int i = 0每次输出后i++

js中可以改变方法作用域和参数的方式有三种,apply,call,bind.

apply 和call类似第一个参数是方法的作用域,其它参数是方法的参数。不同的是apply的其它参数是个数组,数组的个数为参数的个数,call除开第一个参数其它参数方法参数,例子如下

function method() {

    console.log(this, arguments)

}

var a = 1

var b = 2, c = 3, d = 4

method.call(a, b, c, d)// 打印 [Number: 1] { '0': 2, '1': 3, '2': 4 }

method.apply(a, [b, c, d])// 同上 [Number: 1] { '0': 2, '1': 3, '2': 4 }

bind 和call参数传递方式一致,唯一区别是bind不会立即执行,只会更改作用域和方法参数,到真正执行方法时才会执行。

var t = method.bind(a, b)

t()// [Number: 1] { '0': 2 }

t = t.bind(null, c)

t()// [Number: 1] { '0': 2, '1': 3 }

t = t.bind(null, d)

t() // [Number: 1] { '0': 2, '1': 3, '2': 4 }

可以采用bind方法进行更改事件绑定的方法的参数及作用域。