JavaScript和HTML、CSS的区别
1. HTML:提供网页的结构,提供网页中的内容
2. CSS: 用来美化网页
3. JavaScript: 可以用来控制网页内容,给网页增加动态的效果
JavaScript初体验(JavaScript的书写位置)
CSS:行内样式、嵌入样式、外部样式
A:写在行内
<input type="button" value="按钮" onclick="alert('Hello World')" />
B:写在script标签中
<head>
<script>
alert('Hello World!');
</script>
</head>
C: 写在外部js文件中,在页面引入
<script src="main.js"></script>
注意点
引用外部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