Question about custom attributes of html tags
|
In previous development, we used the default attributes of HTML, such as class, name, etc. I switched to Huawei's outsourcing company and developed a shopping mall system using an open source framework. When coding, I encountered the following situation. There are many custom tags in the tag. Copy code The code is as follows:<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(this);' onload="DrawImage(this,174,116)"/> Summarize a few points: 1. No impact on HTML JS. You can write multiple attributes. 2. Just make sure the name of the defined attribute is not the same as the original default attribute. 3. The browser will not parse this custom attribute 4. JS can get its value through xxx.getAttribute("the attribute you wrote") The benefits of this should be obvious. This should be used more often in the future. |
<<: How to avoid duplication of data when inserting in MySql batch
>>: CSS3 property line-clamp controls the use of text lines
Recommend
Zookeeper unauthorized access test problem
Table of contents Preface Detect Zookeeper servic...
JavaScript+html to implement front-end page sliding verification (2)
This article example shares the specific code of ...
How to use xshell to connect to Linux in VMware (2 methods)
【Foreword】 Recently I want to stress test ITOO...
MySQL 8.0.11 installation summary tutorial diagram
Installation environment: CAT /etc/os-release Vie...
How to install docker on ubuntu20.04 LTS
Zero: Uninstall old version Older versions of Doc...
How to clear the timer elegantly in Vue
Table of contents Preface optimization Derivative...
In-depth explanation of binlog in MySQL 8.0
1 Introduction Binary log records SQL statements ...
Vue + element dynamic multiple headers and dynamic slots
Table of contents 1. Demand 2. Effect 3. All code...
Detailed steps and problem solving methods for installing MySQL 8.0.19 on Linux
I recently bought a Tencent Cloud server and buil...
How to cancel the background color of the a tag when it is clicked in H5
1. Cancel the blue color of the a tag when it is ...
MySQL data archiving tool mysql_archiver detailed explanation
Table of contents I. Overview 2. pt-archiver main...
How to install the latest version of docker using deepin apt command
Step 1: Add Ubuntu source Switch to root su root ...
How to install php7 + nginx environment under centos6.6
This article describes how to install php7 + ngin...
Install and deploy java8 and mysql under centos7
Generally, learning Java and deploying projects a...
Uninstalling MySQL database under Linux
How to uninstall MySQL database under Linux? The ...