html5全局属性
全局属性:对于任何一个标签都是可以使用的属性。 一、data-* 在html5之前需要在html标签上添加自定义属性来存储和操作数据,可能是会写<form role="xxx">,但这是种非常不规范的方式。 也正是因为有这种自定义属性的需求,在html规范里增加了自定义属性data-*属性。html5中开发人员可自定义任何想要的属性,只要加上前缀data-,通过这种方式避免与未来的html版本冲突。 <form data-type="comment" class="container"> ... </form> data-*自定义属性不影响页面布局,但可读可写。下面介绍怎样读写。 1、获取自定义属性 获取时通过dataset对象,使用"."来获取属性,需要去掉data-前缀。 html: <div id='test' data-age="23">html5 data-*自定义属性 data-age</div> js获取自定义"data-*"属性 var oDiv=document.getElementById("test"); alert(oDiv.dataset.age); jquery获取 $('#test').data('age'); 2、获取带连字符的自定义属性 遇到自定义属性中有连字符需要转化为驼峰命名。 html: <div id='test' data-user