如何使用HTML5中的data_第1页
免费预览已结束，剩余1页可下载查看

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、如何使用html5中的datadata-*属性的含义data-*属性用于存储页面或应用程序的私有自定义数据是全部html元素上自定义data属性，它存储的数据能够被javascript所利用，可以创建更好的用户体验。data-*属性包含两个部分分离为：属性名：在属性名中不能包含任何大写字母，而且在前缀data-之后必需有一个字符，不能为空。属性值：属性值可以是任何字符串。例data-animal-type="动物类"如何用法data-*属性因为自定义数据属性是有效的html5，因此可以在支持html5文档类型的任何扫瞄器中用法它们：我们可以设置存储在java

2、script动画中可能需要的元素的初始高度或不透亮度，也可设置通过javascript加载的flash影片的参数以及存储自定义网络分析标志数据等等。例：documentullist-style:none;liwidth:50px;height:50px;background-color:pink;text-align:center;margin-left:10px;line-height:50px;float:left;functionshowdetails(animal)varanimaltype=animal.getattribute("data-animal-type");console.log(animal.innerhtml+"是一种"+animaltype+"。")

人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论