javascript的发展史
1、1992年 ，Nombas 为自己的软件写一款脚本语言 C-- --》 ScritEase ,可以嵌入在网页中运行
2、1995年 ，Netscape(网景) Navigator2.0 --> LiveScript --> Javascript ,Java 与 Javascript之间没有任何关系
3、1996年 ，Microsoft 在 IE3.0 中发布 JS的克隆版 --> JScript
4、1997年 ，Javascript 1.1 版本 作为 草案 提交给了 ECMA(欧洲计算机制造商联合会) ECMA-262标准 ECMAScript 作为 JS
javascript的组成：
ECMAscript Dom Bom
javascript的语法
1.在<script></script>标签中写
<script>
代码
</script>
2.外部脚本文件
1）、
创建脚本文件并编写 脚本 脚本文件：***.js
2）、引入外部脚本文件
<script src="脚本文件路径"></script>
注意：
1、必须是成对的 script标签
2、该对标记中，不允许出现任何于js无关的内容
3.注释
1）、单行注释
// 单行注释
2）、多行注释
/*
* 多
* 行
* 内
* 容
*/
4.严格区分大小写
console.log(""); 正确
Console.log("");错误
JS的三大组成部分：
Js的全称：JavaScript
1. EcMaScript： 核心
2. Dom：
Dom的全称：Document Object Model
Dom的作用：文档对象模型，专门操作页面元素
3.Bom：
Bom的全称：Browser Object Model
Bom的作用：用于浏览器 对象模型 操作浏览器窗口和框架
JS的三种输出方法：
1.在控制台输出：
console.log(‘随便输入’);
2.在页面打印出（在网页上输出）：
document.write(‘随便输入’);
3.页面弹框（在显示框输出）：
alert ('随便输入') JS的三大组成部分：
Js的全称：JavaScript
1. EcMaScript： 核心
2. Dom：
Dom的全称：Document Object Model
Dom的作用：文档对象模型，专门操作页面元素
3.Bom：
Bom的全称：Browser Object Model
Bom的作用：用于浏览器 对象模型 操作浏览器窗口和框架
JS的三种输出方法：
1.在控制台输出：
console.log('hello');
2.在页面打印出（在网页上输出）：
document.write('hello');
3.页面弹框（在显示框输出）：
alert ('hello');
变量：
变量可以理解存储数据的容器
声明一个变量：
var的全称：variable
var uname；（uname意思是名字）
然后赋值：
uname=”王五”
声明一个变量和赋值可以合成一步：
var uname=”王五”
注：变量名的后面可以包含数字 字母 下划线 &、但是不可以以数字和特殊符号开头。
列子：
var uname=”王五”;
常量：
一旦声明就不可改变的叫做常量，常量名最好大写。
声明一个常量用：
const（这是常用名）
隐式转换
1.number+number
var a=3;
var b=5;
console.log(a+b);
2.number+string 拼接
var a=3;
var b='5';
var c='hello world';
console.log(a+c);
3.number+boolean
var a=3;
var b=true;
var c=false;
console.log(a+c);
console.log(a+b);
4.string+boolean 拼接
var a='3';
var b=true;
console.log(a+b);
5 number+undefined
var a=3;
var b;//undefined
console.log(typeof(a+b));
not a number
不是一个数字
6.numberstring +undefined
var a='3';
var b;//undefined
console.log(typeof (a+b));
总结： number+string 拼接
number+boolean boolean转number
number+undefined NAN
boolean+boolean 求和数据类型
string加任何东西都是拼接
数据类型：
数字：number
例：var a=5;
var b=0.5;
字符串：string
例：var a=”asdjio”;
var b=’12’；
只要有双引号和单引号就是字符串
布尔：var boo1=true;
var boo2=false;
在运算时候 true为1 、false为0
例：true+false=1
Null 空
Undefiend 未定义的
Object 对象
转换时不仅值会变 类型也会变为Number
转换为整数：
parseInt();
例：var a=5.5;
var b=parseInt(a);
console.log(b);
转换小数
parseFloat();
var a=5;
var b=parseFloat(a);
console.log(b);
转换成为字符串
tostring（）；
var a=5;
var b=a.tostring();
console.log(b);
Tofixed();保留小数位， 四舍五入
例：var a=13.956;
var b=a.tofixed(2);保留2位小数位
console.log(b);
运算符：
%：模 求余数
++在前：先自加1，再赋值
例：var a=3;
var b=++a;
console.log(a);结果:4
console.log(b);结果:4
++在后：先赋值，再自加1
例var a=3;
var b=a++;
console.log(a);结果：4
console.log(b);结果：3
--在前：先自减1，再赋值
例：var a=3;
var b=--a;
console.log(a);结果：2
console.log(b);结果：2
--在后：先赋值，再自减1
例：var a=3;
var b=a--;
console.log(a);结果：2
console.log(b);结果：3
关系运算符：返回布尔值
< > <= >= === ==
例：var a=5;
var b=”5”;
console.log(a==b);true
console.log(a!==);true
逻辑运算符：
&&：和 与 两个都对才为true
||：或 一个对就为true
！：取反
例：x=5；、y=6;
x==y;是错的但是加上! !(x==y)为true；
三目运算符：
条件？ “答案1”“答案2”
5>=6? 对 错
分支：
if(条件){
alert(duile);
}else{
alert(cuole);
}
else if() 多重条件语句
If(条件){
条件1
}else if(条件2){
条件2
}
Switch..........case.......
switch(条件){
case 情况1:
执行的语句
break;
case 情况2:
要执行的语句
break;switch....case....
case 情况3:
要执行的语句
break;
........
以上条件都不满足的时候执行
default:
要执行的语句
break;
}
switch....case....的直落形
switch(条件){
case 1:
case 2:
case 3:
......
执行的语句
break;
}
;
变量：
变量可以理解存储数据的容器
声明一个变量：
var的全称：variable
var uname；（uname意思是名字）
然后赋值：
uname=”王五”
声明一个变量和赋值可以合成一步：
var uname=”王五”
注：变量名的后面可以包含数字 字母 下划线 &、但是不可以以数字和特殊符号开头。
列子：
var uname=”王五”;
常量：
一旦声明就不可改变的叫做常量，常量名最好大写。
声明一个常量用：
const（这是常用名）
数据类型：
数字：number
例：var a=5;
var b=0.5;
字符串：string
例：var a=”asdjio”;
var b=’12’；
只要有双引号和单引号就是字符串
布尔：var boo1=true;
var boo2=false;
在运算时候 true为1 、false为0
例：true+false=1
Null： 空
Undefiend： 未定义的
Object： 对象
转换时不仅值会变 类型也会变为Number
转换为整数：
parseInt();
例：var a=5.5;
var b=parseInt(a);
console.log(b);
转换小数
parseFloat();
var a=5;
var b=parseFloat(a);
console.log(b);
转换成为字符串
tostring()；
var a=5;
var b=a.tostring();
console.log(b);
Tofixed();保留小数位， 四舍五入
例：var a=13.956;
var b=a.tofixed(2);保留2位小数位
console.log(b);
运算符：
%：模
作用： 求余数
++在前：先自加1，再赋值
例：var a=3;
var b=++a;
console.log(a);结果:4
console.log(b);结果:4
++在后：先赋值，再自加1
例：var a=3;
var b=a++;
console.log(a);结果：4
console.log(b);结果：3
--在前：先自减1，再赋值
例：var a=3;
var b=--a;
console.log(a);结果：2
console.log(b);结果：2
--在后：先赋值，再自减1
例：var a=3;
var b=a--;
console.log(a);结果：2
console.log(b);结果：3
关系运算符：返回布尔值
< > <= >= === ==
例：var a=5;
var b=”5”;
console.log(a==b);true
console.log(a!==);true
逻辑运算符：
&&：和 与 两个都对才为true
||：或 一个对就为true
！：取反
例：x=5；、y=6;
x==y;是错的但是加上! !(x==y)为true；
三目运算符：
条件？ “答案1”“答案2”
5>=6? 对 错
分支：
if(条件){
alert(对的);
}else{
alert(错的);
}
else if() 多重条件语句
if(条件){
条件1
}else if(条件2){
条件2
}
Switch..........case.......
switch(条件){
case 情况1:
执行的语句
break;
case 情况2:
要执行的语句
break;switch....case....
case 情况3:
要执行的语句
break;
........
以上条件都不满足的时候执行
default:
要执行的语句
break;
}
switch....case....的直落形
switch(条件){
case 1:
case 2:
case 3:
......
执行的语句
break;
}
网友评论