这篇文章主要介绍“html中怎么使用this”，在日常操作中，相信很多人在html中怎么使用this问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”html中怎么使用this”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
在html中，this的用法是“this.元素”或是“某一方法(this)”等；this指针会自动给js函数绑定当前标签，这样便给给js函数绑定一个独一无二的id，减少重复代码的产生。
本教程操作环境：windows7系统、html&&HTML5版、Dell G3电脑。
在前端页面中，当我们需要为当前标签绑定某个事件时，一般的思路是给其绑定一个独一无二的id，但是当我们们的代码量比较大的时候，id命名就会变得很困难，而且对于每一个元素都要写一个js事件，这是代码重复就会产生，this指针的出现解决了这一现象，他会自动给js函数绑定当前标签，下边是一个实例：
实现鼠标放到div块上颜色改变：
<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中怎么使用this”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注编程之家网站，小编会继续努力为大家带来更多实用的文章！
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
