html的this用法是什麼
- 醉折花枝作酒筹原創
- 2021-06-08 11:48:456182瀏覽
在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中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：html中圖片顯示不出來怎麼辦下一篇：html中圖片顯示不出來怎麼辦