JavaScript
什么是JavaScript：JavaScript是一种属于网页的脚本语言，已经被广泛用于Web应用开发，通常用来为网页添加各种各样的动态功能，为用户提供更流畅的浏览效果，通常是嵌入在HTML中来实现自身的功能。
作用：
- HTML制作网页，搭建网页的结构和内容。
- CSS对网页进行美化，装饰网页。
- JavaScript让网页有交互功能，提升用户的体验。、
特点：
-
解释一行，运行一行
-
不会生成中间文件
-
运行在浏览器中
-
弱类型，可以不声名，直接使用
var username=““123”;
username=“123”;
JavaScript的基本用法
1.放在HTML网页中，用
2.放在HTML外部，单独以JS文件方式存在，推荐使用这种，降低代码的耦合度。
3.
type：指定脚本的类型，固定写法：text/Javascript，默认值
src：指定外部JS文件的地址
标签个数：可以出现多个标签，每个标签会从上到下运行
注意：建议每一行代码结束加上分号。
弱类型：
什么是弱类型：一个变量可以赋值为不同的数据类型，运行时，才能确认具体的数据的类型。
如：
a=10；
a=“abc”;
a=true;
最终运行时，a为布尔类型
在js中没有字符好和字符串之分，都是字符串类型，而且既可以是双引号，亦可以是单引号，原则是：外面字符串使用双引号，里面字符串就是用单引号。
变量定义的特点：
1.var关键字可以使用省略，建议不要省略。
2.在js中一个变量可以重复定义，后面的会覆盖前面的
3.
字符串转换成数字类型
全局函数（方法），就是可以在任何的地方直接使用的函数，不用导入对象，不属于任何一个对象，
转换函数：parseInt()
将一个字符串转成整数，如果一个字符串包含非数字字符，那么parseInt函数会从首字母开始去数字字符，如果转换失败：则返回NaN=Not a Number，不是一个数。
消息框：
可以在JavaScript中创建三种消息框：警告框，确认框，提示框
警告框:用于确认确保用户可以得到某些信息，当警告框出现后，用户需要点击按钮才能继续操作。
window.alert(“警告信息”);
确认框：
确认框通常用于验证是否接受用户操作，点击“确认”,f返回true，如果点击“取消”，确认框返回false。
window.confirm(“确认消息”);
提示框：
提示框经常用于提示用户在进入页面前输入某个值，
window.prompt(“提示消息”,“默认值”)；
<script>
//提示用户输入成绩
var strScore = window.prompt("输入成绩","0");
//如果用户输入的是数字类型
var flag = isNaN(strScore);
//如果是数字类型
if(!flag){
//将string转成number
var scores = parseInt(strScore);
switch(true){
case scores < 60 : tip = "你不及格";break;
case scores >= 60 && scores < 80 : tip = "合格";break;
case scores >= 80 && scores < 90 : tip = "良好";break;
case scores >= 90 : tip = "优秀";break;
default : tip = "未知错误" ;break;
}
alert(tip);
}else{
alert("成绩必须是number类型");
}
</script>
JavaScript中的函数
函数function(小写字母)
是当他被调用的时可重复使用的代码块，js中的函数类似于Java中的方法。
js函数分为：有名/命名函数和无名/匿名函数。
有名/命名函数的格式：[]表示可选。
function 函数名([参数列表]){
函数体；
[return 返回值];
}
无名/匿名函数的格式：
var 变量名=function([参数列表]){
函数体；
}
参数列表：
add(num1,num2)是对的。
add(var num1,var num2)是错的，无需声明。
定义一个函数的实现加法功能：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
function add(num1,num2) {
return num1+num2;
}
//无名匿名函数
var add1=function (num1,num2) {
return num1+num2;
}
</script>
</head>
<body>
<input type="button" value="点我" onclick="document.write(add(78,56))">
<input type="button" value="计算" onclick="console.log(add1(56,34))">
</body>
</html>
变量的作用域：
局部JavaScript变量
函数内部声明的变量(使用var)是局部变量，所以只能在函数内部访问它。
(该变量的作用域是局部的)
您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量，只要函数运行完毕，局部变量就会被删除。
全局JavaScript变量
不是声明在函数体内的变量，网页上的所有脚本和函数都能访问它。
注意：当全局变量和局部变量同名时，在获取值时，采用就近原则。
数组
1.创建数组
var 数组名称=new Array（size）；
访问数组->数组名[ 下标];
var fruit=new Array( " apple",“orange”,“peach”,“banana”);
var fruit=new Array(4);
fruit[0]=“apple”;
fruit[1]='orange";
fruit[2]=“peach”;
fruit[3]=“banana”;
Srring对象
1.获取字符串长度： “字符串‘’.length;
2.方法
chartAt（index）：返回在指定位置的字符；
indexOf(str,index):查找某个指定的字符串在字符串中首次出现的位置
subString（index1，index2）：返回位于指定索引index1和index2之间的字符串，[index1,index2);
split(str):将字符串分割成字符串数组
注意：不同类型间比较，==之比较“转换成同一类型后的值”看“值”是否相等，===如果类型不同，其结果就是不等。
网页中引入JS方式
1.使用
2.外部JS文件
<script src="export.js"type="text//script"</script>
3.直接在HTML标签中
<input name="btn"type="button"value="弹出消息框“；
onlick=“javascript:alert('欢迎你‘)；”/>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
//创建一个String对象。通过分割成数组
var str="a b c";
var a=new Array();
a=str.split(" ");
console.log(a);
//join，通过指定的分隔符连接数组元素，返回字符串
var str2=a.join("-");
console.log(str2);
var num="3 5 1 2 8 3 6 9 7 2";
var numlist=num.split(" ");
console.log(numlist);
//sort 排序。默认为升排序
numlist.sort();
console.log(numlist);
//向数组中添加元素，放在元素的最后面
numlist.push(7);
console.log(numlist);
</script>
</head>
<body>
</body>
</html>