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

JavaScript050

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方法进行更改事件绑定的方法的参数及作用域。