咨询电话:
15628812133
03
2017/03

html5中的date-*属性

发布时间:2017-03-03 10:41:36
发布者:369563174
浏览量:
0

在HTML5中添加了data-*的方式来自定义属性,所谓data-*实际上上就是data-前缀加上自定义的属性名,使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现状。

他的定义和用法:

data-* 属性用于存储页面或应用程序的私有自定义数据。

data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。

存储的(自定义)数据能够被页面的 JavaScript 中利用,以创建更好的用户体验(不进行 Ajax 调用或服务器端数据库查询)。

data-* 属性包括两部分:

属性名不应该包含任何大写字母,并且在前缀 "data-" 之后必须有至少一个字符

属性值可以是任意字符串

比如说获取自定义属性的值

如下:

    html5 data-*自定义属性 age

多了一个”data-*” 属性, 如何获取呢?

     
    var content= document.getElementById('content');
    alert(content.dataset.age)
   
    $('#content').data('age');


关键词:
返回列表
相关文章
相关案例