菜鸟教程之 JavaScript 实例，JSON_json菜鸟教程-CSDN博客

From：/https://www.runoob.com/js/js-examples.html

JavaScript 和 HTML DOM 参考手册（：https://www.runoob.com/jsref/jsref-tutorial.html）

所有内置的JavaScript对象
所有浏览器对象
所有HTML DOM对象

HTML DOM Document 对象（：https://www.runoob.com/jsref/dom-obj-document.html）

在 HTML DOM (Document Object Model) 中 , 每一个元素都是节点:

文档是一个文档节点。
所有的HTML元素都是元素节点。
所有 HTML 属性都是属性节点。
文本插入到 HTML 元素是文本节点。are text nodes。
注释是注释节点。

Document 对象

当浏览器载入 HTML 文档, 它就会成为 Document 对象。
Document 对象是 HTML 文档的根节点。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。

基础 JavaScript 实例

JavaScript 语句、注释和代码块

JavaScript 变量

JavaScript 条件语句 If ... Else

JavaScript 消息框

JavaScript 函数

JavaScript 循环

JavaScript 事件

JavaScript 错误处理

JavaScript 中 JSON

在JavaScript中，JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。它是基于JavaScript Object语法的子集，但也可以在其他语言中使用。JSON易于人类阅读和编写，同时也易于机器解析和生成。

JSON中的数据以键/值对的形式出现，大致如下所示：

{
  "name": "John Doe",
  "age": 30,
  "isEmployed": true,
  "address": {
    "street": "123 Main St",
    "city": "Anytown"
  },
  "phoneNumbers": [
    "123-456-7890",
    "987-654-3210"
  ]
}

在JavaScript中，可以使用内置的JSON对象来处理JSON数据。主要有两个方法：

JSON.parse()

将JSON字符串转换为JavaScript对象。例如：

const jsonString = '{"name":"John Doe","age":30}';
const obj = JSON.parse(jsonString);
console.log(obj.name);  // 输出：John Doe

JSON.stringify()

将JavaScript对象转换为JSON字符串。例如：

const obj = { name: "John Doe", age: 30 };
const jsonString = JSON.stringify(obj);
console.log(jsonString);  // 输出：'{"name":"John Doe","age":30}'

注意事项

JSON字符串必须使用双引号"包围键和字符串值。
JSON不支持JavaScript的特定功能，如函数或日期对象。当序列化这些类型时，需要其他方式来表示，或者它们可能被忽略或转换为字符串。
JSON解析器严格遵循格式，不正确的格式将导致解析错误。

通过JSON.parse()和JSON.stringify()，可以非常方便地在网络请求和应答中传递和接收数据。

高级 JavaScript 实例

JavaScript 应用实例

JavaScript 对象实例

使用内置的JavaScript对象实例。

String（字符串）对象

返回字符串的长度
为字符串添加样式
返回字符串中指定文本首次出现的位置 - indexOf()方法
查找字符串中特定的字符，若找到，则返回该字符 - match() 方法
替换字符串中的字符 - replace()
更多的字符串对象的例子，在我们的JavaScript String 对象参考手册。

Date（日期）对象

使用 Date() 方法来返回今天的日期和时间
使用 getTime() 计算从1970年到今天有多少毫秒
使用 setFullYear() 设置具体的日期
使用 toUTCString() 把当日的日期（根据 UTC）转换为字符串
使用 getDay() 来显示星期，而不仅仅是数字
显示一个钟表
更多的Date（日期）对象的例子，在我们的JavaScript Date 对象参考手册。

Array（数组）对象

Boolean（布尔）对象

检查逻辑值
更多的Boolean（布尔）对象对象的例子，在我们的JavaScript Boolean 对象的参考手册。

Math（算数）对象

一般

通过对象元素使用for...in语句
更多Math 对象实例在我们的JavaScript Math 对象的参考手册。

Browser 对象实例

使用JavaScript来访问和控制浏览器对象实例。

Window 对象

Navigator 对象

访问者的浏览器的详细
更多的Navigator 对象的例子，在我们的JavaScript 参考手册。

Screen 对象

访问者的屏幕的详细
更多的Screen 对象的例子，在我们的JavaScript 参考手册。

History 对象

Location 对象

HTML DOM 实例

使用内置 JavaScript 的对象实例。

菜鸟教程 之 JavaScript 实例，JSON

基础 JavaScript 实例

JavaScript 语句、注释和代码块

JavaScript 变量

JavaScript 条件语句 If ... Else

JavaScript 消息框

JavaScript 函数

JavaScript 循环

JavaScript 事件

JavaScript 错误处理

JavaScript 中 JSON

JSON.parse()

JSON.stringify()

注意事项

高级 JavaScript 实例

JavaScript 应用实例

JavaScript 对象 实例

String（字符串）对象

Date（日期）对象

Array（数组）对象

Boolean（布尔）对象

Math（算数）对象

一般

Browser 对象 实例

Window 对象

Navigator 对象

Screen 对象

History 对象

Location 对象

HTML DOM 实例

Document 对象

Anchor 对象

Area 对象

Base 对象

Button 对象

Form 对象

Frame/IFrame 对象

Image 对象

Event 对象

Option 和 Select 对象

Table, TableHeader, TableRow, TableData 对象

“相关推荐”对你有帮助么？

菜鸟教程之 JavaScript 实例，JSON

JavaScript 对象实例

Browser 对象实例