首页 > 代码库 > 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基础②