HTML タグのカスタム属性に関する質問
|
以前の開発では、クラス、名前などの HTML のデフォルト属性を使用していました。 Huawei社のアウトソーシング会社に転職し、オープンソースフレームワークを使ったショッピングモールシステムを開発しました。コーディング中に、次のような状況に遭遇しました。 タグ内にカスタムタグが多数存在します。 コードをコピー コードは次のとおりです。<img msrc="<s:property value='#product.images'/>_m" src="<s:property value='#product.images'/>_s" style="-ms-interpolation-mode:bicubic; cursor:pointer;" onclick="queryProductDetail(this);" infoType="<s:property value='#product.unitType'/>" id="<s:property value='#product.unitID'/>" moduleId="<s:property value='#product.unitID'/>" chsDesc="<s:property value="#product.chsSimpleDesc"/>" engDesc="<s:property value="#product.engSimpleDesc"/>" chsName="<s:property value="#product.chsName"/>" engName="<s:property value="#product.engName"/>" onerror='checkImageFile(これ);' onload="DrawImage(this,174,116)"/> いくつかの点をまとめます。 1. HTML JS には影響はありません。複数の属性を記述できます。 2. 定義された属性の名前が元のデフォルト属性と同じでないことを確認します。 3. ブラウザはこのカスタム属性を解析しません 4. JS は xxx.getAttribute("あなたが書いた属性") を通じて値を取得できます。 この利点は明らかです。将来的にはこれをもっと頻繁に使用する必要があります。 |
<<: Tomcat マルチレイヤーコンテナの設計に関する簡単な説明
>>: MySql バッチに挿入するときにデータの重複を避ける方法
推薦する
Linux userdel コマンドの使用法
1. コマンドの紹介userdel (ユーザー削除) コマンドは、ユーザー アカウントと関連ファイル...
データディレクトリとmy-default.iniなしでMYSQL5.7.24をインストールし、サービスが起動しない場合に最適なソリューション
MySQL公式サイトのダウンロードアドレス: https://dev.mysql.com/downl...
Dockerでnginxをデプロイし、設定ファイルを変更する方法
Dockerでnginxをデプロイするのはとても簡単ですたった 1 行のコマンド: docker 実...
js 基本構文と Maven プロジェクト構成チュートリアル ケース
目次1. jsステートメント2番目、js配列3. js関数4. メイヴンV. 結論1. jsステート...
Docker で Confluence をデプロイするための完全な手順
Confluence は有料ですが、クラックして使用できます (購入が推奨され、正規版がサポートされ...
トップナビゲーションバー機能を実現するCSS+HTML
ナビゲーション バー、固定トップ ナビゲーション バー、およびセカンダリ メニューの実装効果図の実装...
Vmwareでディスクを追加する方法：ディスクを拡張する
この記事では、ディスクを追加または拡張して、Vmare で有効にする方法について説明します。シナリオ...
dockerでnginxを実行するときにdaemon offが使用される理由についての簡単な説明
とても嬉しいです。この問題に遭遇したとき、私はDockerコンテナのプロセス原理について話さなければ...
JavaScriptは入力ボックスコンポーネントを実装します
この記事では、入力ボックスコンポーネントを手動で実装するための具体的なコードを参考までに紹介します。...
HTML 終了タグの問題と W3C 標準
W3C の原則によれば、XML の各開始タグには対応する終了タグが必要です。つまり、<html...
CSS属性のデフォルト値width: autoとwidth: 100%の違いの詳細な説明
幅: 自動子要素（コンテンツ+パディング+境界線+余白を含む）は、親要素のコンテンツ領域全体を埋めま...
MySQL マスタースレーブレプリケーションスレッドの状態遷移に関する詳細な理解
序文MySQL マスター スレーブ レプリケーションの基本原理は、スレーブ データベースがマスター ...
ウェブ理論: 考えさせない読書ノート
第 1 章<br /> Web ページをユーザーにとって使いやすいものにするための最も重...
ローカルで起動したときに Vue プロジェクトがクッキーを保持できない問題を解決する
vueプロジェクトをパッケージ化してサーバーにデプロイし、正常にログインできるが、ローカルで起動する...
デザインにおけるユーザーエクスペリエンスの背後にある8つのユーザー本能について話す
編集者注: この記事は、Teambition チームの @娄昊川 が寄稿したものです。Teambit...