问答详情
源自:9-22 编程练习

javascript:;有什么用?this在这什么用

javascript:;有什么用?this在这什么用

提问者:慕粉3569398 2017-02-17 18:04

个回答

  • Valder__Field
    2017-02-17 19:22:39
    已采纳

    1.javascript:;
    http://img.mukewang.com/58a6d9f3000187b506720575.jpg

    请参照图片里的 2 3理解。

    简单来说:有一个<a>链接,你点击<a>链接后,执行一条空的js代码地址不发生跳转

    2.this 

    <tr>

        <td>xh001</td>

        <td>王小明</td>

        <td><a href="javascript:;" onclick="del(this);">删除</a></td>   <!--在删除按钮上添加点击事件  -->

    </tr>


     // 创建删除函数

         function del(obj)

         {

             var tr=obj.parentNode.parentNode;

             tr.parentNode.removeChild(tr);

         }  

    解答:

       1) this代表当前对象,即this在<a>标签里,则this代表<a>标签这个对象(this在哪个标签里,就代表哪个对象)

       2)var tr=obj.parentNode.parentNode

            <a>中onclick事件触发调用del(this),即调用del函数,并将<a>标签对象(this)作为参数传入

            那么,上面语句可理解

            a.parentNode.parentNode;    --> 即a的父节点的父节点,即<tr>