JSON是一種輕量級的數(shù)據(jù)交換格式，常用于前后端數(shù)據(jù)傳輸。在html網(wǎng)頁中，我們可以通過JavaScript將JSON數(shù)據(jù)導(dǎo)入并展示出來。具體操作如下：
1. 在html文件中引入JavaScript代碼，用于獲取JSON數(shù)據(jù)并將其轉(zhuǎn)換為html代碼。

<script src="example.js" type="text/javascript"></script>

2. 在JavaScript代碼中，使用fetch方法獲取JSON數(shù)據(jù)。假設(shè)我們要獲取的JSON數(shù)據(jù)格式如下：

{
"title": "這是一個標(biāo)題",
"contents": [
"這是第一段內(nèi)容",
"這是第二段內(nèi)容",
"這是第三段內(nèi)容"
]
}

那么使用fetch方法獲取數(shù)據(jù)的代碼如下：

fetch('example.json')
.then(response => response.json())
.then(data => {
// 將獲取到的數(shù)據(jù)轉(zhuǎn)換為html代碼
let html = '<h1>' + data.title + '</h1>';
for (let i = 0; i < data.contents.length; i++) {
html += '<p>' + data.contents[i] + '</p>';
}
// 將生成的html代碼插入到頁面中
document.getElementById('content').innerHTML = '<pre>' + html + '

'; });
3. 在html文件中添加一個元素，用于展示JSON數(shù)據(jù)轉(zhuǎn)換后的html代碼。

<div id="content"></div>

這樣，當(dāng)JavaScript代碼執(zhí)行后，JSON數(shù)據(jù)會被轉(zhuǎn)換為以下html代碼：

<pre>
<h1>這是一個標(biāo)題</h1>
<p>這是第一段內(nèi)容</p>
<p>這是第二段內(nèi)容</p>
<p>這是第三段內(nèi)容</p>

其中標(biāo)題使用h1標(biāo)簽，段落使用p標(biāo)簽，代碼使用pre標(biāo)簽展示。