JavaScript 和 HTML DOM 参考手册

JavaScript 参考手册

JavaScript是一种基于对象和事件的脚本语言，由Netscape公司在1995年推出。随着Web应用程序的发展，JavaScript变得越来越流行。本文档将提供JavaScript的语法、数据类型、常用函数等基本信息。

JavaScript的语法就像其他语言一样，由关键字、运算符、表达式、语句和注释组成。

注释：JavaScript中的注释有两种形式：单行注释以两个斜杠(’//’)开头，多行注释以’/‘开头并以’/‘结尾。

//这是单行注释

/*
这是多行注释
*/

变量：JavaScript中的变量可以通过var和let关键字声明。var关键字定义的变量可以被重复声明并在函数外部访问，而let关键字定义的变量只能在声明的块级作用域中访问，并且不能被重复声明。

var a = 1;
let b = 2;

常量：JavaScript中使用const关键字定义的变量是常量，即值不能被更改。

const PI = 3.14159;

数据类型：JavaScript中有七个数据类型：undefined、null、布尔（Boolean）、数字（Number）、字符串（String）、对象（Object）和符号（Symbol）。

var a; //undefined
var b = null; //null
var c = true; //布尔
var d = 1.23; //数字
var e = "Hello"; //字符串
var f = {}; //对象
var g = Symbol(); //符号

HTML DOM（Document Object Model）是一种编程接口，用于在HTML、XML和SVG文档上操作对象。HTML DOM将整个HTML文档解析为一棵树形结构，称为节点树或DOM树。本文档将提供HTML DOM的基本信息。

常见的HTML DOM对象包括文档对象（document）、元素对象（element）、节点对象（node）等。文档对象是根节点，所有其他节点都是文档对象的后代。元素对象是指HTML中的标记元素，如div、p、img等。节点对象是元素、属性、文本等在DOM中的表现形式。

HTML DOM提供了各种方法和属性，用于操作HTML元素和属性。如下是一些示例：

通过getElementById、getElementsByClassName、getElementsByTagName等方法可以获取HTML元素。

var el = document.getElementById("myId");
var els = document.getElementsByClassName("myClass");
var tags = document.getElementsByTagName("div");

可以使用createElement方法创建HTML元素。

var el = document.createElement("div");

可以使用removeChild方法从HTML中删除元素。

var el = document.getElementById("myId");
el.parentNode.removeChild(el);

可以使用innerHTML、setAttribute、removeAttribute等方法修改HTML元素。

var el = document.getElementById("myId");
el.innerHTML = "Hello World!";
el.setAttribute("class", "newClass");
el.removeAttribute("class");

本文档提供了JavaScript和HTML DOM的基础信息，包括语法、数据类型、对象和操作。有了这些基础知识，您将能够开始编写和操作JavaScript和HTML DOM代码，从而创建出更加丰富和复杂的Web应用程序。