ホームページ > 記事 > ウェブフロントエンド > これをHTMLで使用するとどうなるでしょうか
HTML では、this の使用法は「this.要素」または「特定のメソッド (this)」などです。このポインタは現在のタグを自動的に js 関数にバインドし、js 関数をバインドします。重複したコードの生成を減らすために、ユニークな ID を設定します。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
フロントエンド ページで、イベントを現在のラベルにバインドする必要がある場合、一般的な考え方は一意の ID をバインドすることですが、コードの量が比較的多い場合、IDネーミングが非常に難しくなり、要素ごとにjsイベントを書かなければなりません コードの重複により発生します このポインタの登場によりこの現象が解決されます 以下のように現在のタグを自動的に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で使用するとどうなるでしょうかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。