JS基本

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript

• HTML是我们使用的标记语言，用于对我们的Web内容进行结构化和赋予意义，例如定义段落，标题和数据表，或在页面中嵌入图像和视频。
• CSS是我们用于将样式应用于我们的HTML内容的风格规则的语言，例如设置背景颜色和字体，并将我们的内容布置在多个列中。
• JavaScript是一种编程语言，使您能够创建动态更新的内容，控制多媒体，动画图像以及其他所有内容。好的，不是一切，但是令人惊奇的是，您可以通过几行JavaScript代码实现。

 

在DOM（文档对象模型）API让您操作HTML和CSS，创建，删除和更改HTML，动态地应用新的样式到您的网页等

在 Canvas和WebGL创建动画的2D和3D图像

操作 HTML 元素

如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。

请使用 "id" 属性来标识 HTML 元素

请使用 document.write() 仅仅向文档输出写内容。

如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖：

单行注释以 // 开头。多行注释以 /* 开始，以 */ 结尾。

 

• 变量必须以字母开头
• 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
• 变量名称对大小写敏感（y 和 Y 是不同的变量）

JavaScript 数组

下面的代码创建名为 cars 的数组：

var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";

var cars=new Array("Audi","BMW","Volvo");

var cars=["Audi","BMW","Volvo"];

JavaScript 对象

对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：

var person={firstname:"Bill", lastname:"Gates", id:5566};

对象属性有两种寻址方式：

实例

name=person.lastname;
name=person["lastname"];

声明变量类型

当您声明新变量时，可以使用关键词 "new" 来声明其类型：

var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;

JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。

在 JavaScript 中，对象是拥有属性和方法的数据。

属性和方法

属性是与对象相关的值。

方法是能够在对象上执行的动作。

不同类型的循环

JavaScript 支持不同类型的循环：

• for - 循环代码块一定的次数
• for/in - 循环遍历对象的属性
• while - 当指定的条件为 true 时循环指定的代码块
• do/while - 同样当指定的条件为 true 时循环指定的代码块