javascript – 在HTML类名中表示键/值对的最佳方式
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在HTML类名中表示键/值对的最佳方式，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1272字，纯文字阅读大概需要2分钟。
内容图文
我使用javascript将事物绑定到HTML对象,并且需要比类名更复杂的机制.
我的第一种方法是使用类名称,如结构声明,其中绑定位于名称位置,如下所示：
Definition = identifier: foo bar baz
用这个定义编码一些类名给出
<p id="someid" class="identifier bish bash bosh">
<div id="anotherid" class="identifier heebie jeebie">
这可以理解为：
{foo: bish, bar: bash, baz: bosh};
{foo: heebie, bar: jeebie}
请注意,绑定具有不同数量的参数.
这非常脆弱.我无法使用其他名称来装饰任何html元素(例如添加拖放等jquery行为等)并且通常有点粗制滥造……
我想做的是将它们表示为键值对,如下所示：
<p id="someid" class="id{foo:bish} id{bar:bash} id{baz:bosh} random class">
<div id="anotherid" class="ui-draggable id{bar:jeebie} id{foo:heebie}">
这允许我在元素上有随机定位和随机长度的类名,只要我的id是一个sorta GUID(但我可以’手动轻松地做到这一点’……)
现在,in theory,类名是CDATA,所以一切都应该是tickety-boo,但我喜欢麻烦！特别是在旧的跨浏览器方面……
所有关于KV对的最佳语法的建议,建议,现有技术,最佳实践都感激不尽.
解决方法:
HTML5将为此目的添加data- *属性,这些已经在今天的每个浏览器中都有效(但可能会为循环发送一些验证器).
http://ejohn.org/blog/html-5-data-attributes/
<li class="user" data-name="John Resig" data-city="Boston"
data-lang="js" data-food="Bacon">
<b>John says:</b> <span>Hello, how are you?</span>
</li>
内容总结
以上是互联网集市为您收集整理的javascript – 在HTML类名中表示键/值对的最佳方式全部内容，希望文章能够帮你解决javascript – 在HTML类名中表示键/值对的最佳方式所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。