Javascript基础
1、Javascript基础
◆Javascript的历史来源
94年网景公司 研发出世界上第一款浏览器。
95年 sun公司 java语言诞生
网景公司和sun合作( javascript)
◆W3c规范
结构标准 html 表现标准 css 行为标准 js
◆JavaScript和ECMAScript的关系
简单来说ECMAScript不是一门语言,而是一个标准。符合这个标准的比较常见的有:JavaScript、Action Script(Flash中用的语言)。
2、Js介绍
js是一款运行在客户端的网页编程语言。
组成部分
ecmascript js标准、 dom 通过js操作网页元素 、bom 通过api操作浏览器
特点
简单易用、解释执行
作用
表单验证、轮播特效、开发游戏
3、Js书写位置
内嵌式、外链式
4、输出消息的几种方式
alert() 在页面弹出一个对话框,早期JS调试使用。 alert("1111");
Confirm() 在页面弹出一个对话框, 常配合if判断使用。 confirm("2222");
console.log() 将信息输入到控制台,用于js调试。 console.log("3333");
prompt() 弹出对话框,用于接收用户输入的信息。 prompt("4444");
document.write()在页面输出消息 document.write("5555");
◆转义字符
\” 转双引 \’转单引 \n转换行 \r 转回车
◆Js注释
快捷键 ctrl+/ 单行注释 // 多行注释
5、变量
会变化的量。变量是用来存储数据的容器。
◆定义变量
var xijie;
◆给变量赋值
xijie = "111"; “=”是赋值运算符
◆定义并赋值
var xijie = "111";
◆变量的命名规范
不能以数字或者纯数字开头来定义变量名。
不推荐使用中文来定义变量名。
不能使用特殊符号或者特殊符号开头(-除外);
不推荐使用关键字和保留字来定义变量名。
在JS中严格区分大小写的!!!
6、数据类型
◆Number 数字类型 包含正数 负数 小数 数字类型的表达方式:十进制表示法
var n1=11;
◆String 字符串 凡是用双引号或者单引号引起的都是字符串。
var n2 = "11";
◆Boolean 布尔数据类型 只有2个值一个是true, 一个是false. 实际运算中true=1,false=0
var n1=2; var n2=3 alert("n1==n2"); false alert(n1<n2); true
◆undefined 变量未初始化 定义了变量,没有给变量赋值
var n1;
◆null 变量未引用 值为空 object
var n2 = null;
◆复杂数据类型
object 对象 array 数组
7、判断数据类型
typeof() alert( typeof(n2) );
8、比较运算符
< > <= >= == !=
9、算术运算符
◆+ 加号
两个数字类型的变量相加,得到的是一个数字类型。
一个数字类型和一个字符串相加,得到的是一个字符串。
◆— 减号
两个数字类型的变量相减,得到的是一个数字类型。
一个数字类型和一个数字字符串相减,得到的是一个数字类型。
一个数字类型和一个非数字字符串相减,得到的是NaN,是一个数字类型。
NaN, not a number
◆/ 除号
两个数字类型的变量相除,得到的是一个数字类型。
一个数字类型和一个数字字符串相除,得到的是一个数字类型。
一个数字类型和一个非数字字符串相除,得到的是NaN,是一个数字类型。
0做为除数的时候,得到结果 Infinity (无限大),是一个数字类型。
◆% 取余数
◆优先级 有()先计算()里边的
10、带操作的赋值运算
+= -= *= /=
var n1 = 2;
var n2 = 3;
n1+=n2;
alert("n1");
11、Date()对象
Date对象用于处理日期和时间。
var mydeat=new Date ();
11、Math对象
◆Math.ceil() 天花板函数 向上取整
var n1 = Math.ceil(n4);
如果是整数,取整之后是这个数本身
如果是小数,对数进行向上舍入。
◆Math.floor() 地板函数
var n1 = Math.floor(n4);
如果是整数,取整之后是这个数本身
如果是小数,对数进行向下舍入。
◆Math.max() ◆Math.min() ◆Math.pow() ◆Math.round() ◆Math.random()
12、数据类型转换
◆数字类型转字符串 string var n1 = String(n1); toString();
◆字符串转数字类型
Number var n1 = Number(n1);
数字类型的字符串,转换之后得到的数字。
非数字字符串,转换之后得到是NaN。
小数类型的字符串,转换之后得到的是原数字。
parseInt var n1 = parseInt(n1);
整数数字类型的字符串,转换之后得到的整数数字。
数字开头的字符串,转换之后得到的是前边的数字。
非数字开头的字符串,转换之后得到的是NaN。
小数类型的字符串,转换之后取整。
parseFloat var n1 = parseFloat("n1");
整数数字类型的字符串,转换之后得到的整数数字。
数字开头的字符串,转换之后得到的是前边的数字。
非数字开头的字符串,转换之后得到的是NaN。
小数类型的字符串,转换之后得到的是原数字。
◆转布尔类型
Boolean() var n1 = Boolean(n1);
数字和字符串转完之后为true。
undefined、null、0转完之后为false.
◆隐式数据类型转换
在运算过程中,程序自己进行的数据转换(程序员没有操作)
◆逻辑运算符
逻辑运算只有2个结果,一个为true,一个为false.
且&&
两个表达式为true的时候,结果为true.
或||
只要有一个表达式为true,结果为true.
非!
和表达式相反的结果。
13、等号运算符
=”赋值运算符
“==”只判断内容是否相同,不判断数据类型。
“===”不仅判断内容,还判断数据类型是否相同。
!= 只判断内容是否不相同,不判断数据类型。
!==不全等于 不仅判断内容是否不相同,还判断数据类型是否不相同。
◆变量的集体声明
var n1= 1,n2=2,n3=3;n1+=n2
14、If...else 条件判断
If(条件表达式){
如果条件表达式结果为true,执行该处代码。 如果条件表达式结果为false,执行下边代码。
}else{
如果条件表达式结果为false,执行该处代码。
}
15、三元表达式
表达式?结果1:结果2;
如果表达式结果为true,执行结果1,如果表达式结果为false,执行结果2.
可以理解为if else 的另外一种写法。
n1%2==0?alert("true");alert("false");