菜鸟学堂
在线运行
源代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟学堂</title> </head> <body> <h2>从 JSON 字符串中创建对象</h2> <p> 网站名: <span id="name"></span><br> 网站地址: <span id="url"></span><br> </p> <script> var txt = '{ "sites" : [' + '{ "name":"菜鸟学堂" , "url":"www.jb51.net" },' + '{ "name":"google" , "url":"www.google.com" },' + '{ "name":"微博" , "url":"www.weibo.com" } ]}'; var obj = eval ("(" + txt + ")"); document.getElementById("name").innerHTML=obj.sites[0].name document.getElementById("url").innerHTML=obj.sites[0].url </script> </body> </html>
运行结果
在线运行
菜鸟学堂 edu.jb51.net