JavaScript基础学习笔记(一)

本文主要是对JavaScript的一些基础部分的使用的记录，包括：操作HTML元素、改变HTML内容、.输出内容、变量、数据类型的介绍。

1.操作HTML元素
如需从 js访问某个 HTML 元素，可以使用 document.getElementById(id) 方法。 “id” 属性用来标识 HTML 元素。

---

2.改变HTML内容

document.getElementById(id).innerHTML=new HTML

---

3.输出内容

document.write();//可用于直接向 HTML 输出流写内容。

注意：
一般来说 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

---

4.变量
在js中使用var关键字来声明变量。

 var carname;

也可在声明的时对其赋值：

var carname="Volvo";

一条语句中声明很多变量。该语句以 var 开头，并使用逗号分隔变量即可：

var name="Gates", age=56, job="CEO";

也可跨行

var name="Gates",
age=56,
job="CEO";

变量的命名规则如下：

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

---

5.数据类型

Js的数据类型有：字符串、数字、布尔、数组、对象、Null、Undefined。

js 拥有动态类型。这意味着相同的变量可用作不同的类型：

var x                // x 为 undefined
var x = 6;           // x 为数字
var x = "Bill";      // x 为字符串

• 字符串
  字符串可以是引号中的任意文本。您可以使用单引号或双引号，只要匹配即可：

var answer="Nice to meet you!";
var answer="He is called 'Bill'";
var answer='He is called "Bill"';

• 数字

var x1=34.00;      //使用小数点来写
var x2=34;         //不使用小数点来写

极大或极小的数字可以通过科学（指数）计数法来书写：

var y=123e5;      // 12300000
var z=123e-5;     // 0.00123

• 布尔值
  布尔（逻辑）只能有两个值：true 或 false。

var x=true
var y=false

• 数组
  js中数组的下标从0开始，声明数组有三种写法：
  第一种

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"];

• 对象
  对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义，属性由逗号分隔。
  现在我们来对象 (person) ，它有三个属性：firstname、lastname 以及 id。两种写法：

第一种

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

第二种

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

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

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

Undefined 和 Null
Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。

var cars;                 // cars为 Undefined
cars=null;              //cars为Null

• 声明变量类型

声明新变量时，可以使用关键词 “new” 来声明其类型

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

• 其他注意事项：

1.js中用分号(;)来分隔一条语句,不写的话也可以执行。
2.在文本字符串中使用反斜杠()对代码行进行换行。
3.js的关键字是区分大小写的。
4.js会忽略多余的空格。
5.单行注释以 // 开头，多行注释以 /* 开始，以 */ 结尾。