是HTML標記里支持自定義屬性的標記,可以很方便地在其中存儲數據。當中放置的數據類型有很多種,其中最常見的就是json格式的數據。
下面是一個例子,展示了如何在
標記中放置一個json數據:
<div id="data" data-json='{ "name": "John", "age": 25, "address": { "city": "Beijing", "street": "Zhongguancun" } }'></div>在這個例子中,我們定義了一個帶有id為"data"的
標記,并在其中存儲了一個json格式的數據,其中包括了"name"、"age"、"address"等屬性。
我們可以使用JavaScript代碼來訪問這個json數據,代碼如下:
var dataDiv = document.getElementById("data"); var jsonData = JSON.parse(dataDiv.getAttribute("data-json")); console.log(jsonData.name); // 輸出:"John" console.log(jsonData.age); // 輸出:25 console.log(jsonData.address.city); // 輸出:"Beijing" console.log(jsonData.address.street); // 輸出:"Zhongguancun"通過以上代碼,我們可以將存儲在