html的this用法是什么


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

在html中,this的用法是“this.元素”或是“某一方法(this)”等;this指针会自动给js函数绑定当前标签,这样便给给js函数绑定一个独一无二的id,减少重复代码的产生。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

在前端页面中,当我们需要为当前标签绑定某个事件时,一般的思路是给其绑定一个独一无二的id,但是当我们们的代码量比较大的时候,id命名就会变得很困难,而且对于每一个元素都要写一个js事件,这是代码重复就会产生,this指针的出现解决了这一现象,他会自动给js函数绑定当前标签,下边是一个实例:

实现鼠标放到div块上颜色改变:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<html>

    <head>

    </head>

    <body>

        <div style="width:300px;height:300px;background:#aaa;display:block;" onmouseover="show(this)" onmouseout="mOut(this)"></div>

        <script>

            function show(obj){

                obj.style.background="#faa";

            }

            function mOut(obj){

                obj.style.background="#aaa";

            }

        </script>

    </body>

</html>

推荐学习:html视频教程

以上就是html的this用法是什么的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

如何将json转换为Html格式并显示

Html<nobr>强制不换行标签元素

Html如何实现页内跳转

springboot如何返回Html和jsp

自学 Html5 要多久

Html的表格比较宽溢出怎么设置

css在Html中三种实现方式是什么

Html行高怎么设置

javascript中this的用法是什么

Html frame标签怎么用?frame标签的具体使用实例

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...