• 技术文章 >web前端 >html教程

    html的this用法是什么

    醉折花枝作酒筹醉折花枝作酒筹2021-06-08 15:13:23原创100

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

    本教程操作环境:windows7系统、CSS3&&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视频教程

    以上就是html的this用法是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html this
    上一篇:html中图片显示不出来怎么办 下一篇:html如何设置语言
    第16期线上培训班

    相关文章推荐

    • html中class是什么意思• html怎么隐藏文字• html5怎么使音乐停止• html中图片显示不出来怎么办• flash和html5的区别有哪些

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网