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 时循环指定的代码块