[TimLinux] JavaScript 如何在html标签的data-*属性使用JSON数据
2024-10-21 05:44:16
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格式的数据了。
最新文章
- 【转】Windows 窗口层次关系
- Python基础+Pythonweb+Python扩展+Python选修四大专题 超强麦子学院Python35G视频教程
- Wind7系统下 wifi设置
- 打电话、发短信、web以及发邮件
- mysql 导出表结构和表数据 mysqldump用法
- HTC Vive 体验的折腾经历
- TYVJ P1030 乳草的入侵 Label:跳马问题
- Immutable.js尝试(node.js勿入)
- ./configure --prefix=
- hdu 1597 find the nth digit
- js限制文本框只能输入数字
- freemarker中遍历list<;map<;String,String>;>;
- C++ 中获取 可变形參函数中的參数
- 检测网站挂马程序(Python)
- OC金额转大写
- bzoj 4710: [Jsoi2011]分特产
- vue中computed计算属性与methods对象中的this指针
- Win10 - MySQL 10061 错误
- 关于IEDA中的字母与数字的坑
- flask-文件上传
热门文章
- PHP获取PHP执行的时间
- 部署django
- .NET Core3.0 EF 连接 MySql
- SqlServer2005 查询 第四讲 in
- php如何在mysql里批量插入数据
- 【PostMan】批量参数化的用法 之 text/csv
- 百度下载给的termux是个坑
- [ch02-01] 线性反向传播
- 使用Executor框架创建线程池
- <;meta name=";viewport"; content=";width=device-width,initial-scale=1.0";>;的意思