js基础②

一、输出

1、写到文档输出

也是按顺序执行，显示。

<script>
document.write("<p>My First JavaScript</p>");
</script>

ps:当你加载完文档后，再执行document.write的话，会将整个页面冲掉，比如将其放入一个按钮。

2、操作HTML元素

步骤：访问元素->修改/添加内容

使用document.getElementById(id) 方法来访问元素

使用innerHTML来修改内容

<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>

二、语句

JS语句是发给浏览器的指令，告诉它应该怎么去做。

1、分号

分号是可选的，但推荐写上。

作用：代表一个语句的结束，写在一条语句的末尾。并且可以在一行写上多条语句，用分号隔开。

2、代码

按顺序执行，如果是代码块，使用花括号标识，例如函数里的代码块

3、大小写

JS区分大小写

4、空格

忽略多余的空格，可以使用空格开增加可读性

var name = "Hello";

ps:但若上例的"Hello"里有空格，则是不会省略，因为它不是多余的空格

5、折行

使用 \ 折行

正确写法：

document.write("Hello \
World!");

错误写法：

document.write \
("Hello World!");

三、注释

1、单行注释：//content

2、多行注释：/* content*/

作用：阻止执行，调试等等

四、变量

1、定义：变量是存储数据的容器

2、命令规则：

• 变量必须以字母开头
• 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
• 变量只能包含字母，数字，下划线，再多个$
• 变量名称对大小写敏感（y 和 Y 是不同的变量）

3、声明

a、

var varname;
此时的var没有值，其值为undefined
可定义完后赋值：
varname  = "Hello"

b、

var varname='Hello'
在声明时就赋值

c、

var var1 = ”A" ,var2 = 'B' var3 = 'C';
一行声明多个变量

d、

var varname = 'hello';
var varname;
这里重新声明varname变量，但其值还是hello

五、数据类型

字符串、数字、布尔、数组、对象、Null、Undefined

JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型，意思是不像C一样定义了整型只能赋值数字？

1、字符串

单引号，双引号表示都行，若要表示出单或双引号，则交错使用

2、数字

只有一种数字类型，没有整型和浮点型之分，它可以带小数点，也可不带。

极大或极小数可用科学计数法表示

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

3、布尔

也叫逻辑值，true,false ，注意是小写

4、数组

下标从0开始

a、

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

b、

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

//condensed array

c、

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

//literal array

4、对象

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

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

注意，对象的名称没有引号 

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

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

注意：使用第二种访问方法，名称要多加上引号!

5、Undefined、Null

Undefined 这个值表示变量不含有值。

可以通过将变量的值设置为 null 来清空变量,完成后，该变量的值为null

6、声明变量类型

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

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

//JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。

ps:声明了变量类型为Number 或Boolean时，会有一个默认值（0/fasle)，也可以给他们赋值其他类型数据。