首页 > 代码库 > js基础②

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),也可以给他们赋值其他类型数据。

 

js基础②