此示例使用 HTML + Canvas 實現滑動拼圖驗證碼。Canvas繪制帶隨機缺口的背景，獨立滑塊按鈕監聽滑鼠/觸摸拖拽，實時將滑塊位置映射到Ca...
JSON.STRINGIFY，使用 HTML 演示
Cloud computing and code
2023年05月25日 22:06 720
visitor
以下是一組不同的示例代碼，使用 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打開瀏覽器控制臺，就看到打印出來的元素了。截圖如下圖：
效果圖截圖如下：
標籤： JSON.STRINGIFY
相關文章
