data-* H5新特性
data-*全局属性是一种被称为自定义数据属性的属性, 它赋予所有HTML元素上嵌入自定义数据属性的能力,并可以通过脚本在HTML与DOM表现之间进行专有数据的交换。
*可以使用遵循xml名称生产规则的任何名称来被替换,并具有以下限制:
- 该名称不能以xml开头,无论这些字母是大写还是小写;
- 该名称不能包含任何分号(U+003A);
- 该名称不能包含A至Z的大写字母。
注意:HTMLElement.dataset(en-US)属性是一个DOMStringMap,并且自定义数据属性data-test-valule可以通过HTMLElement.dataset.testValue(或者是HTMLElement.dataset["testValue"])来访问,任何破折号都会被下个字母的大写替代(驼峰拼写)。
用法
通过添加data-*属性,即使普通的HTML元素也能变成相当复杂且强大的编程对象。
<img class="spaceship cruiserX3" src="shipX3.png"
data-ship-id="324" data-weapons="laserI laserII" data-shields="72%"
data-x="414354" data-y="85160" data-z="31940"
onclick="spaceships[this.dataset.shipId].blasted()">
</img>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南