HTML5_自定义数据类型

来源：互联网发布：怀来大数据产业园编辑：程序博客网时间：2024/06/05 07:17
<html><head><title>HTML5_字符集属性</title><meta  charset="utf-8"><script type="text/javascript">/*HTML5规定可以为元素添加非标准的属性，但是要添加前缀data-，目的是为元素提供与渲染无关的信息，或者提供语义信息。这些属性可以任意的添加随意命名，只要以data-开头即可。来看一个例子。<div id = 'myDiv' data-appId = "123456" data-myname = 'luotan'></div>添加自定义属性后，可以通过元素的dataset属性访问自定义的属性的值。dataset属性的值是DOMStringMap的一个实例，也就是一个名值对儿的映射。在这映射中，每一个data-name形式的属性都会有一个对应的属性，只不过属性没有对应的data-前缀（比如，自定义属性是data-name）还是看一个例子吧。*/window.onload = function(){var div = document.getElementById("myDiv");//取得自定义属性var appId = div.dataset.appId;var myName = div.dataset.myName;//设置值div.dataset.appId = '1234';div.dataset.myName = "luotan";if(div.dataset.myName){//判断是否存在myName值alert("Hello "+div.dataset.myName);}}/*如果需要给元素添加一些不可见的数据以便进行其他处理，那就要用的自定义数据属性。在跟踪连接或混搭过程中，通过自定义数据属性能方便地知道点击来自页面哪部分。在编写本书时，支持自定义数据属性的浏览器有firefox 6+和Chrome。经过测试ie11也支持该属性ie11之下的版本没有测试。*/</script> </head><body><div id="myDiv" data-appId="314145" data-myName = "神经病"/></body></html>
0 0