1. HTML data-*属性

H5引入的data-*属性,可以在JavaScript通过.dataset.*的方式来获取属性的值,例如:

/* HTML标签:
* <input id="idTest" data-mydata="this is my data">
*/ var idTest = document.getElementById('idTest');
console.log(idTest.dataset.mydata); // 输出:this is my data.

2. data-*属性使用JSON值

/*
* 只要data-*属性的值,是符合JSON.stringify转换后的数据格式
* 就可以逆向,使用JSON.parse(data-*)的方式获取JSON数据
* 尤其需要注意的是,字符串后的JSON数据,字段的值key、value
* 都必须是通过双引号引用的。
* <input id="idTest" data-mydata="{'id': '123', 'result'; 'true'}">
*/ var idTest = document.getElementById('idTest');
var json_mydata = JSON.parse(idTest.dataset.mydata.replace(/'/g, '"')); // 得到的json_mydata就是一个JSON格式的数据了。

最新文章

  1. 【转】Windows 窗口层次关系
  2. Python基础+Pythonweb+Python扩展+Python选修四大专题 超强麦子学院Python35G视频教程
  3. Wind7系统下 wifi设置
  4. 打电话、发短信、web以及发邮件
  5. mysql 导出表结构和表数据 mysqldump用法
  6. HTC Vive 体验的折腾经历
  7. TYVJ P1030 乳草的入侵 Label:跳马问题
  8. Immutable.js尝试(node.js勿入)
  9. ./configure --prefix=
  10. hdu 1597 find the nth digit
  11. js限制文本框只能输入数字
  12. freemarker中遍历list&lt;map&lt;String,String&gt;&gt;
  13. C++ 中获取 可变形參函数中的參数
  14. 检测网站挂马程序(Python)
  15. OC金额转大写
  16. bzoj 4710: [Jsoi2011]分特产
  17. vue中computed计算属性与methods对象中的this指针
  18. Win10 - MySQL 10061 错误
  19. 关于IEDA中的字母与数字的坑
  20. flask-文件上传

热门文章

  1. PHP获取PHP执行的时间
  2. 部署django
  3. .NET Core3.0 EF 连接 MySql
  4. SqlServer2005 查询 第四讲 in
  5. php如何在mysql里批量插入数据
  6. 【PostMan】批量参数化的用法 之 text/csv
  7. 百度下载给的termux是个坑
  8. [ch02-01] 线性反向传播
  9. 使用Executor框架创建线程池
  10. &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1.0&quot;&gt;的意思