以下是一组不同的示例代码，使用 HTML 演示 JSON.stringify() 方法的用法：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSON.stringify() 方法示例</title>
</head>
<body>
<h1>JSON.stringify() 方法示例</h1>
<p>请在浏览器的控制台中查看结果。</p>
<script>
// 定义一个 JavaScript 对象
let person = {
name: '张三',
age: 26,
company: {
name: 'ABC公司',
address: '北京市'
},
hobbies: ['游泳', '旅游'],
isMarried: false
};
// 使用 JSON.stringify() 方法将 JavaScript 对象转换为 JSON 字符串
let json = JSON.stringify(person);
// 输出转换后的 JSON 字符串
console.log(json);
</script>
</body>
</html>这段代码定义了一个名为 `person` 的 JavaScript 对象，该对象包含了姓名、年龄、所在公司、爱好和婚姻状况等属性。接着使用 `JSON.stringify()` 方法将该对象转换为 JSON 字符串，并使用 `console.log()` 打印到控制台中。
其中：
- `<script>` 标签用于在 HTML 页面中嵌入 JavaScript 代码。
- `JSON.stringify()` 是将 JavaScript 对象转换为 JSON 字符串的方法。
- `console.log()` 用于将输出结果打印到控制台中以便开发人员查看。
- `<p>` 标签用于在页面中插入一段文字，提示用户在控制台中查看结果。
注意，在键盘按F12打开浏览器控制台，就看到打印出来的元素了。截图如下图：
效果图截图如下：
专题推荐：