JS中this和对象作为函数参数的区别

一支纯牛奶

于 2017-07-05 11:24:11 发布

阅读量2.6k

点赞数 1

分类专栏：前端文章标签：前端 javascript 参数

本文链接：https://blog.csdn.net/qq_25665807/article/details/74392405

版权

本文通过一个简单的例子说明在JavaScript中，使用对象作为函数参数与使用this关键字在处理事件时的区别。错误的做法是在事件处理函数中使用过早绑定的局部变量对象，而正确的方法是利用this关键字，它代表触发事件的对象，可以在事件触发时传递自身，确保属性设置的正确性。

摘要由CSDN通过智能技术生成

一个简单的例子

要求：
1、一个列表有一些简单的包含文字的行
2、鼠标移到某一行上时背景色改为色值为 #f2f2f2，移开鼠标时则恢复为原背景色 #fff
3、点击添加按钮，能动态在最后添加一行

提示
- 获取表格的行，getElementsByTagName 。
- 使用for进行循环，为每行添加事件及背景颜色设置

 <script type="text/javascript"> 
  //页面初始化的过程帮已存在的每一行添加绑定
    window.onload = function(){
    

//鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
        for(i=1;i<document.getElementsByTagName(