JS简介
- JS是JavaScript的简称，是一种脚本语言。
- 广泛地用于HTML页面中，使页面功能更丰富更完善。
- 动态页面：用户与网页之间有直接的信息沟通，会将用户的信息传到后台去。
- 静态页面：用户与网页之间没有直接的信息沟通。
- JavaScript是浏览器自带的功能，不需要额外安装
- BOM：浏览器对象模型
- DOM：文档对象模型
页面使用JS的方法
- 使用
<script>在HTML页面中插入JavaScript。 - 引用外部JS文件
- JS语句每一局代码结束都需要使用分号作为结束符。
<!-- 引入程序内js -->
<body>
<script type="text/javascript">
alert("hello javascript");
</script>
</body>
<!-- 引入程序外js -->
<script src"js1.js"></script>
JS中的变量
- 与其他程序设计语言相同，是用来临时存储信息，在创建的时候不区分数据类型，但是在赋值的时候是区分数据类型的。
- 创建方法
// 创建方法一
var x=1;
var x=2,name="Johnson";
// 创建方法二
var x;
x=1;
- JS中的变量，区分类型，但没有int之类的关键字。
JS调试
总共有两种调试方法：
- alert弹框调试
- Console.log控制台输出调试。
用于观察变量值的变化规律、是否符合程序设计的目的。
alert(flag);
console.log(flag);
自定义函数
- 是完成某一功能的代码段，可重复执行，方便管理与维护。
- 可以先定义后使用也可以先使用后定义，但最好是先定义后使用。
//传统函数定义方法
function fun1(){
//代码片段
return ***;
}
//函数表达式定义方法
var fun1=function(x){
return x+1;
}
数据类型与类型转换
- 类型转换 parseInt() parseFloat() Number() Boolean()
- 强制类型转换、隐式类型转换
变量的作用域
- 全局变量、局部变量
- 在函数内部创建的变量，称为局部变量，其他函数不能使用。
- 在函数外部创建的变量，称为全局变量，在函数之间可以共享使用。
比较运算符
- 用于比较两个值，结果是true或者false
>、>=、!=、<、<=- 运算符的优先级
程序控制语句
- 条件判断类的控制语句
var n=10;
var str;
if(n > 10){
str = "n>10";
}else if(n < 10){
str = "n<10";
}else{
str = "n=10";
}
console.log(str);
switch语句
var myscore = 95;
var str;
var n = myscore/10;
switch(myscore){
case 10:
str = "满分";
break;
case 9:
str = "优秀";
break;
case 8:
case 7:
str = "良好";
break;
case 6:
str = "及格";
break;
default:
str = "不及格";
break;
}
内置函数
str.substr(0,3); //起始位置，长度
str.substring(0,3); //起始位置，结束位置
str.length;
str.indexOf(1);
字符函数
分割操作
var str="aa,ttt,121,gg,kk,aa,bb";
var arr=str.split(","); //把数组以逗号为分界线进行分割，分割后装入数组中
console.log(arr[0]); //打印数组，输出为aa,ttt,121,gg,kk,aa,bb
连接操作
str.concat("55","77","00");
替换操作
str.replace("aa","bb"); //将第一个参数代表的内容替换为第二参数代表的内容
日期函数
var d1=new Date();
var d2=new Date("1999-5-20 16:54:21");
console.log(d2.getDate());
console.log(d1.getDate());
console.log(d2.getMonth()); //月份是从零开始的，0-11，这是从java1.0中继承过来的。
var n=d2.getTime()-d1.getTime(); //返回两个日期之间相差的毫秒数
console.log(parseInt(n/(24*3600*1000))); //输出天数
//2020-01-01 15:58 日期格式化
function fun_Fmtdate() {
var d1 = new Date();
var y, m, d, h, mi, s;
var time;
y = d1.getFullYear();
m = d1.getMonth();
d = d1.getDate();
h = d1.getHours();
mi = d1.getMinutes();
s = d1.getSeconds();
time = y + "-" + m + "-" + d + " " + h + ":" + mi + ":" + s;
return time;
}
数组
数组的创建
// 声明或创建一个不指定长度的数组，又称实例化创建
var arrayObj = new Array();
// 声明或创建一个数组并指定长度
var arrayObj = new Array(5);
// 声明或创建一个带有默认值的数组
var arrayObj = new Array(2, 4, "a");
// 创建一个数组并赋值的简写，又称隐式创建数据
var arrayObj = [2, 4, "a"];
数组的遍历
console.log(array[0]);
// for循环遍历1，这种方式比较方便便捷。
for(var i in arrayObj){
console.log(i);
}
// for循环遍历2
var i = 0;
var n = arrayObj.length;
for(i;i
