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

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

javascript设置全局变量的方法为：1、在js的function外定义变量；2、不使用var，直接给定义变量，隐式的声明了全局变量；3、使用“window.变量名”定义为全局变量。

大前端零基础入门到就业：进入学习

本教程 *** 作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

三种方法

1.在js的function外定义一个变量

1

2

3

4

var name='测试'

function XX(){

alert(name)

}

2.不使用var，直接给定义变量，隐式的声明了全局变量

1

2

3

4

name='测试'

function XX(){

alert(name)

}

这种方法，即使该变量是在一个function内，当该function被执行后它变成了全局变量 ---- 但是function不执行它就不被其他function知道，所以最好定义在function外

3.使用window.变量名定义为全局变量，但是注意：调用时候建议写上window.变量名，当然也可以不写；我们常用的document.getXXX的document对象就是window的

1

2

3

4

window.name='测试'

function XX(){

alert(window.name)

}

全局变量的优点：

可以减少变量的个数，减少由于实际参数和形式参数的数据传递带来的时间消耗。

全局变量的缺点：

（1）全局变量保存在静态存贮区，程序开始运行时为其分配内存，程序结束释放该内存。与局部变量的动态分配、动态释放相比，生存期比较长，因此过多的全局变量会占用较多的内存单元。

（2）全局变量破坏了函数的封装性能。函数象一个黑匣子，一般是通过函数参数和返回值进行输入输出，函数内部实现相对独立。但函数中如果使用了全局变量，那么函数体内的语句就可以绕过函数参数和返回值进行存取，这种情况破坏了函数的独立性，使函数对全局变量产生依赖。同时，也降低了该函数的可移植性。

（3）全局变量使函数的代码可读性降低。由于多个函数都可能使用全局变量，函数执行时全局变量的值可能随时发生变化，对于程序的查错和调试都非常不利。

因此，如果不是万不得已，最好不要使用全局变量。

可以在按钮元素上增加事件属性onclick，属性内写你要执行的代码或函数。

也可以在代码中直接绑定事件，如通过querySelector等查找到元素后，在元素上直接加onclick事件。

还可以通过事件指派，绑定事件在按钮上面。

---