位置: 编程技术 - 正文
关于javascript中dataset的问题小结(下列关于javascript的叙述正确的有)
编辑：rootadmin推荐整理分享关于javascript中dataset的问题小结(下列关于javascript的叙述正确的有)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:关于javascript中的对象的论文,关于javascript中数组的说法不正确,关于javascript中的对象的论文,关于javascript中数组的说法不正确,关于javascript中date类型对象,关于javascript中数组的说法不正确,关于javascript中的对象的论文,关于javascript中的math对象的说法,内容如对您有帮助，希望把文章链接给更多的朋友！
DataSet是ADO.NET的中心概念。可以把DataSet当成内存中的数据库，DataSet是不依赖于数据库的独立数据集合。所谓独立，就是说，即使断开数据链路，或者关闭数据库，DataSet依然是可用的，DataSet在内部是用XML来描述数据的，由于XML是一种与平台无关、与语言无关的数据描述语言，而且可以描述复杂关系的数据，比如父子关系的数据，所以DataSet实际上可以容纳具有复杂关系的数据，而且不再依赖于数据库链路。
一.关于dataset
1.html5自定义属性及基础
html5中我们可以使用data-前缀设置我们需要的自定义属性,来进行一些数据的存放,例如我们要在一个文字按钮上存放相应的id:
这里的data-前缀就被称为data属性,其可以通过脚本进行定义,也可以应用css属性选择器进行样式设置.数量不受限制,在控制和渲染数据的时候提供了非常强大的控制.
下面是元素应用data属性的一个例子:
要想获取某个属性的值,可以像下面这样使用dataset对象:
如果浏览器支持dataset,则会弹出注释内容,如果浏览器不支持dataset则会报错,无法获取属性drink/food/meal的值:对象为null或未定义(如IE9版本).
data属性基本上所有的浏览器都是支持的,但是dataset对象支持的就比较特殊了,目前仅在Opera .1+,Chrome 9+下可以通过javascript,使用dataset访问你自定义的data属性.至于其他浏览器,FireFox 6+(未出)以及Safari 6+(未出)会支持dataset对象,至于IE浏览器,目前看来还是遥遥无期的趋势.
需要注意的是带边字符连接的名称在使用的时候需要命名驼峰化,即大小写组合书写,这与应用元素的style对象类似,dom.style.borderColor.例如,上面的例子中现有如下data属性,data-meal-time,则我们要获取相应的值可以使用:expenseday.dataset.mealTime
2.为何要使用dataset
如果使用传统的方法获取属性值应该会类似下面:
var typeOfDrink=document.getElementById('day-meal-expense').getAttribute('data-drink');现在,如果我们要获得多个自定义的属性值,就要用下面N行代码来实现了:
而使用dataset属性,我们根本不需要任何循环去获取你想要的那个值,直接秒杀:
expense=document.getElementById('day-meal-expense').dataset;dataset并不是典型意义上的JavaScript对象,而是个DOMStringMap对象,DOMStringMap是HTML5一种新的含有多个名-值对的交互变量.
3.dataset的操作
可以像下面这样操作名-值对:
上面这几千代码的作用是让所有的自定义属性塞到一个数组中.
如果你想删除一个data属性,可以这么做:
如果你想给元素添加一个属性,可以这么做:
4.跟getAttribute相比的速度
使用dataset操作data要比使用getAttribute稍微慢些.
但是,如果我们只是处理少量的data数据,这种速度上的差异造成的影响是基本上没有的.反而,我们应该看到,使用dataset操作自适应属性要比其他类似getAttribute的形式要少很多让人头疼的麻烦,并且更具有可读性.因此,权衡来看,操作自定义属性,dataset操作是上选.
5.什么地方使用dataset
每次你使用自定义data属性的时候,使用dataset去获取名-值对就是个不错的选择.考虑到现在很多浏览器还是把dataset当作不认识的外星生物看待,所以,在实际使用的时候,有必要进行一下特征检测,看看是否支持dataset,类似下面的使用:
注意:如果你的应用程序会频繁更新data属性,建议使用JavaScript对象进行数据管理,而不是每次都经由data属性进行更新.
二.关于字面量赋值,数组赋值
上面赋给a,b的值都是数字,c是由a和b组成的数组,由于a,b的值就是1和2,所以var c=[a,b]就等于var c=[1,2];之后a和b的值再怎么改变变与c=[1,2]无关了.
以上内容是关于javascript中dataset的问题小结，希望对大家学习有所帮助。
javascript中tostring()和valueof()的用法及两者的区别 基本上，所有JS数据类型都拥有valueOf和toString这两个方法，null除外。它们俩解决javascript值运算与显示的问题。1.用法如下：toString()方法：返回对象的字
跟我学习javascript的严格模式 一、概述除了正常运行模式，ECMAscript5添加了第二种运行模式：严格模式（strictmode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。设立严
跟我学习javascript的浮点数精度 大多数编程语言都有几种数值型数据类型，但是JavaScript却只有一种。你可以使用typeof运算符查看数字的类型。不管是整数还是浮点数，JavaScript都将它们
上一篇：javascript入门教程基础篇(javascript基础入门视频教程)
下一篇：跟我学习javascript的严格模式(教程java)
