js 基础（一）

js的语法基础：（ECMASCRIPT）

1

通过<script src='js文件路径'></script>引用js文件

行内式写法：（了解）

1

1.点击事件onclick

js输出消息：

●为什么学习js输出消息的方式？

1

展示的结果给用户查看

在控制台中输出消息：

在浏览器弹出一个新窗口【alert();】

js变量

字面意思：

1

变量：变化的值

程序角度：

1

保存数据的一个容器

变量的定义：

1
2

var 自定义变量名
注意：定义变量必须写 var

变量的赋值：

1
2
3
4

1.var 变量名 = 值;
2.var 变量名;
  变量名 = 值;
注意：'='赋值运算符  将'='右侧的值赋给左侧的变量

备注：如果在程序中输出一个值，如果该值是一个变量，不需要加引号。

备注：程序输出一个值，如果该值是一个变量，不需要加引导。如果不是则需要加。

​ 一个变量可以重复赋值，但是一个变量只能一个值，而且是最后一次赋值的结果。

备注: '='两边都需要加个空格

变量名的命名规则

1.变量名在合法的时候还要具有一定的语义

2.不能用关键字命名【关键字不能作为变量名】-----关键字-----在js中有特殊含义

3.不能数字开头命名【不能以特殊符号开头，‘_’ ,'$'除外】

4.变量中不能出现空格

5.不能使用汉字定义变量

6.不建议直接使用‘name’作为变量名，容易和属性冲突

7.不建议使用js中的保留字作为变量名------------在当前版本没有特殊含义，但是js其它版本或以后版本中具有关键字的作用

练习1:

让用户输入任意的摄氏度,得到对应的华氏度.[华氏度=9/5*摄氏度+32]

1
2
3

var kid =  prompt('请输入摄氏度...');
var kids = 9/5*kid+32;
  document.write(kids);

练习2:

交换两个变量的值

1
2
3
4
5
6
7

水杯问题:
var a = 1;
var b = 2;
var c = a;
a=b;
b=c;
document.write(a,b);

练习3:

求和

1
2
3
4

var kid = 3;  //var kid = '3';
var kids = 2;
var kll = kid + kids;
console.log(kll);

数据类型

1.简单数据类型【掌握】

●数字类型number

●字符串类型string

●布尔类型boolean

●undefined类型

2.复杂类型【注】

object