js 初学者

JavaScript和HTML、CSS的区别

1. HTML：提供网页的结构，提供网页中的内容

2. CSS: 用来美化网页

3. JavaScript: 可以用来控制网页内容，给网页增加动态的效果

JavaScript初体验（JavaScript的书写位置）

CSS：行内样式、嵌入样式、外部样式

A:写在行内

B:写在script标签中

<head>

alert('Hello World!');

</script>

</head>

C: 写在外部js文件中，在页面引入

注意点

引用外部js文件的script标签中不可以写JavaScript代码

语句

被Javascript引擎所解释执行的一句代码

组成：

表达式、关键字

表达式：由一个或多个运算符以及一个或多个操作数组成的。如：1+2，

特点：以分号表示结束

console.log();

document.write();

alert();

习惯:一行只写一条语句

注意：严格区分大小写 XML 严格区别大小写

console.log();

console.Log();错误

什么是变量

就是内存中的一段空间，用于保存程序运行过程中要用到的数据。就是存储数据的容器。

为什么要使用变量

使用变量可以方便的获取或者修改内存中的数据

什么是变量名

内存空间的一个别名，为了方便记忆。即变量的名字。

如何使用变量到内存中开辟一段空间用于保存数据

语法：var 声明变量

变量的赋值

将数据保存进变量

运算符：= 赋值运算符

语法：

变量名=值;

var name;

name="张无忌";

var name = "张无忌";

初始化：声明变量并赋值

var 变量名称=值;

注意：没有被赋值的变量自动取值为undefined

var name ;

var name;

var age;

var hobby;

一条语句中声明多个变量:

var name,age,hobby;

var name="张三丰",age=30;

变量名命名规范

不允许使用关键字以及保留关键字命名

标准关键字：

eg : var , function , if , for ,true,false ...

保留关键字：

class,int,float,double ... ...

命名规范

a、可以包含字母、数字、下划线 _、$

b、不能以数字开头

var name;

var name1;

var 1name;错误

c、不允许重复

d、尽量见名知意

变量使用注意问题

1、未初始化变量的使用

var age;

只定义未赋值，值为undefined

未定义，使用，错误，not defined

2、在可能的情况下，声明变量时尽量初始化

var age=10;

var name="张三";

var isHappy=true;

3、将变量的声明和赋值分开操作

var name;

var age;

name="";

age=18;

对变量进行的存取操作

1、设置变量的值(赋值，存)

var name="张三丰";//张三丰

name="张无忌";//张无忌

2、获取变量的值(取值)

var uname="张无忌";

console.log(uname);

var newName = uname;

uname : 取值操作(=右边使用)

newName : 赋值操作(=左边使用)

运算符

1、算数运算符

+,-,*,/,% 算术运算符

%:取余(模),计算两个数字相除后的余数

5%2 结果为 1

3%5 结果为 3

% 运用

常用场合：

1、获取数字的最后一位

1234

1234%10=123 ... 4

1234%100 = 12 ... 34

2、判断奇偶性或判断是某数字的倍数

58 % 2 结果是否为 0?

+ ：

1、求和：数字类型的数值求和

2、"" 与 +联用 ,作用是拼接 "1"+1=11 "a"+1=a1

"12"+25 结果为：1225

'12'+25 结果为：1225

原始类型 (基本类型)

1、number 类型

数字

可以表示 32 位 (4字节)的整数，或64位(8字节)的浮点数

浮点数：小数

var age;

age=12; //number

age=24.5;//number

2、string 类型

字符串

一系列的文本数据

注意：赋值时，必须使用 " " 或 ' ' 扩起

var name="张三丰";//string

var age = "12"; //string

特殊字符，可以通过转移字符实现

"Hello World"

console.log(""Hello World"");错误

console.log("Hello World");

3、boolean 类型

布尔

只表示肯定(真) 或否定(假)的数据

值：true(真) 和 false(假)

使用场合：作为程序的条件(判断、循环)

在与 number 类型做运算时，true=1，false=0

4、null 类型

空

5、undefined 类型

未定义

表示不存在的数据

引用类型

Object 对象

Arraay

ArrayList

Person

猜你喜欢