3.JS基础

一、JS的书写方式

1.内嵌方式

在head头部中
		<script type="text/javascript">
				js代码
		</script>

注意：内嵌式写法可以写在页面中的任何位置。
推荐将js代码放在body标签后边执行，避免先执行js代码而影响用户

2.外部样式

需要新建立一个js文件
引用文件
<script type="text/javascript" src="js文件名称"></script>
	

注意：能将合并的js文件合并到一起就尽量合并到一起

二、JS基础语句

代码	含义
alert (“消息内容”)	以弹窗的形式显示消息
console.log(“消息内容”)	在控制台中输出消息。 在F12(开发者选项)
document.write(“消息内容”)	在页面中输出消息; 注意:该方法内可以使用html标签
prompt(“请输入您的卡号”)	接收用户输入消息
confirm(“确定要退出吗?”)	比alert 多一个取消键位

三、JS注释

1.单行注释

​ //

2.多行注释，和css一样

/* */

3.每一句js代码结束后需要以分号结束。

四、JS变量

1、变量的定义

var 变量名="变量值";

alert(变量名称);	#输出变量		

2.变量的命名规范

1.不允许以数字开头作为变量名称。
2.不可以特殊字符作为变量名称.（$  _  除外）。
3.不能使用关键字定义变量(在编程中具有特殊意义的)
4.不能使用保留字定义变量(在以后可能成为关键字称之为保留字)

简单实例

<script type="text/javascript">
	var a=123;
	var b=123;
	var c=a+b;
    alert(c);
 </script>

五、JS的数据类型

1.数字类型

var num = 10;

2.字符串类型

var test = "hello wrold";

3.布尔类型

var test = 2 > 1;
alert(test);

4.变量为初始化

（1）定义一个变量，但是没有给变量赋值
（2）可以给一个变量赋值为undefined

var a;
alert(a);

5.null undefined 和"空字符串" 的区别

var a="";
  变量a在内存空间中有位置，但是内容为空字符串。

var a;
  变量a在内存空间中有位置，但是此位置上没有任何内容。

var a=null;
  变量a 的值为空,但是在内存中时找不到这个变量的。他的类型属于object。我们用来销毁变量使用。

6. JS对象

	#js中的对象和C语言中的结构体类似
	const rest = {
				name: {name:'zhangsan',name2:'lisi'},
				age: 20,
				gender: 'boy',
			}
	alert(rest.age)
	alert(rest.name.name)

六、运算符

比较特殊的就是三元运算符

表达式?条件成立输出此结果:条件不成输出此结果
这个类似于linux中的  &&  ||


例子:
var a=1;
a > 20 ?alert("True"):alert("false");

七、判断语句

格式：
if(表达式) {
	代码语句;
}else {
	代码语句;
}

var a=3;
if (a>10){
        alert(a);
}
else {
        alert("hello word");
}

var jieguo=confirm("您确定要退出吗？");
if (jieguo==true) {
        alert("你已经退出");
}
else {
        alert("你已经取消操作");
}
解释：当用户点击确定的时候，返回的结果是true ，点击取消返回的结果是false

八、for循环

for (var 变量=初始值;变量值的范围;自增运算){
			语句块
}

for(var i=1;i<=9;i++){
        for(var j=1;j<=i;j++){
                document.write(j+"*"+i)
        }
        document.write("<br>")
}

九、switch语句

switch语句和linux的case语句一样

switch(变量名){
        case "变量值的第一种结果":
                alert("苹果");
        break;
        case "变量值的第二种结果":
                alert("香蕉");
        break;
        default:
                alert("不是水果");
        break;
}

var b=prompt("请输入数字");
switch(b){
        case "1":
                alert("苹果");
        break;
        case "2":
                alert("香蕉");
        break;
        default:
                alert("不是水果");
        break;
}

十、while语句

while语句:
格式：
	while(表达式){
		语句块;
	}
解释：
条件成立开始循环，直到条件不成立结束。如果条件一开始就不成立，就不循环

var b=prompt("请输入数字");
while (b<3) {
        alert("hello word")
        b++;
}

十一、JS函数

function 函数名(){
	代码
}

function abc() {
        alert(77777777)
}
abc()   //调用abc函数

带参数的函数

function 函数名(abc){
	alert(abc)
}
函数名(123)
最后的结果就是打印出123

十二、数组

数组的定义方式
格式1:
var 数组名=[值1,值2,值3..........]

格式2：
var num=[]  定义数组
num[0]=值  用下标定义值
num[1]=值
alert(num)

alert(num.length)
输出数组的长度。

数组的合并

var num=[1,2,3,4]
var num1=["a","b","c"]
var he=num.concat(num1)
alert(he)