ホームページ > 記事 > ウェブフロントエンド > これをHTMLで使用するとどうなるでしょうか
これをHTMLで使用するとどうなるでしょうか
- 醉折花枝作酒筹オリジナル
- 2021-06-08 11:48:456202ブラウズ
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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。