JavaScript | JSON | HTML

JavaScript，JSON和HTML是Web开发中不可缺少的重要组成部分，下面将分别介绍它们的作用和用法。

JavaScript

JavaScript是一种运行在Web浏览器上的脚本语言，被广泛用于Web前端开发。它能够与HTML和CSS结合使用，为网页添加动态效果，实现交互式的用户体验。JavaScript有许多第三方库和框架，如jQuery、React、Vue等，可以大大提高开发效率。

语法

JavaScript的语法非常灵活方便，具有面向对象的特性和闭包的特性。下面是JavaScript的一些基本语法。

// 定义变量
var a = 10;
let b = '字符串';
const c = true;

// 控制流
if (a < 20) {
  console.log('a 小于 20');
} else {
  console.log('a 大于等于 20');
}

for (let i = 0; i < 10; i++) {
  console.log(i);
}

// 函数定义
function add(a, b) {
  return a + b;
}

// 对象
const obj = {
  name: 'JavaScript',
  version: 6,
  isFun: true,
  greet() {
    console.log('Hello, ' + this.name);
  }
};
obj.greet();

DOM操作

JavaScript通过DOM（文档对象模型）可以对网页的元素进行增删改查等操作，实现动态的页面效果。

// 获取元素
const ele = document.querySelector('.my-class');

// 修改样式
ele.style.color = 'red';

// 添加事件监听
ele.addEventListener('click', () => {
  console.log('clicked');
});

JSON

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，被广泛用于Web应用之间的数据传输。它具有简洁清晰的结构，易于人阅读和编写，同时也易于程序解析和生成。JSON格式可以表示一些简单类型，例如字符串、数值、布尔值，以及复杂类型，例如数组和对象。

格式

JSON格式由键值对组成，键和值之间用冒号隔开，多个键值对之间用逗号隔开，键和值可以是字符串、数值、布尔值、数组、对象等。

{
  "name": "JavaScript",
  "version": 6,
  "isFun": true,
  "arr": ["a", "b", "c"],
  "obj": {
    "x": 1,
    "y": 2
  }
}

解析与生成

JavaScript提供了内置的JSON对象，可以把JSON格式的字符串解析成JavaScript对象，也可以把JavaScript对象序列化成JSON格式的字符串。

const jsonStr = '{ "name": "JavaScript", "age": 10 }';
const jsonObj = JSON.parse(jsonStr);
console.log(jsonObj.name); // JavaScript

const obj = { name: 'JavaScript', age: 10 };
const jsonStr2 = JSON.stringify(obj);
console.log(jsonStr2); // {"name":"JavaScript","age":10}

HTML

HTML（Hypertext Markup Language）是一种用于创建网页的标记语言，被广泛应用于Web前端开发。它是Web页面的基础结构，能够定义网页的骨架、内容、样式和行为等。

标签

HTML通过标签来创建网页元素，标签有开始标签、结束标签和属性三个部分。

<p class="my-class">这是一个段落</p>

语义化

HTML还具有语义化的特点，即标签和内容的使用应符合其本意和功能。语义化的HTML可以使得网页的结构更加清晰明了，对SEO和网页访问等方面也有一些优势。

<nav>
  <ul>
    <li><a href="#">主页</a></li>
    <li><a href="#">关于</a></li>
    <li><a href="#">联系我们</a></li>
  </ul>
</nav>

以上就是JavaScript、JSON和HTML的介绍，它们各自具有独特的特点和用法，在Web开发中都有着重要的作用。