JSON与JS对象的区别??
innerText与innerHTML区别??
DOM?? 作用???
解析JSON字符串的值--JSON→JS对象
工具:JSON对象
stringify(JS对象)--JS对象→JSON字符串
parse(JSON字符串)--JSON字符串→JS对象 方便调用属性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试 JSON对象</title>
<script>
var test1 =function(){
//JSON对象
var a = '{"name" : "jack" , "age" : 15}';
//JSON数组
var b= '[{"name1": "jack","age1": 18},{"name2": "rose","age2":15}]';
// JSON解析a里name属性的值
var jsobj= JSON.parse(a);
console.log(jsobj.name);
console.log(jsobj.age);
// 需求:利用dom技术 把解析到的name属性值展示在id=d2的位置
document.getElementById("d2").innerHTML=jsobj.name;
//解析 b里name2的属性
var jsobj2=JSON.parse(b)[1];
console.log(jsobj2.name2);
document.getElementById("d3").innerHTML=jsobj2.name2;
//js对象→JSON字符串
var jsonstr=JSON.stringify(jsobj);
console.log(jsonstr);
// var obj =[{},{}];
console.log(jsonstr.concat("123"));
}
</script>
</head>
<body>
<div id="d1" onclick="test1()">我是div1,点我</div>
<div id="d2" >我是div2</div>
<div id="d3" >我是div3</div>
</body>
</html>