javaScript基础

ECMAScript

引入js的方式

• 内部方式

<script>
    document.getElementById("btn").onclick=function () {
   
        alert("点我干嘛？");
    }

+ 外部方式

<script src="js/my.js"></script>

输入输出语句

• 输入框 prompt(“提示内容”);
• 弹出警告框 alert(“提示内容”);
• 控制台输出 console.log(“显示内容”);
• 页面内容输出 document.write(“显示内容”);

数据类型

• undefined

	var a;//声明变量	
	alert(a);//undefined变量未赋值 

• boolean(布尔)

• string(单引号或双引号引起)

	a="你好";//字符串用单引号或者双引号括起来
	alert(a);

• number(整数和浮点数)

	a=10;//赋值，根据赋值的类型决定变量类型
	alert(a);

• null(用来清空变量)
• object(对象)
  创建对象的两种方式
  方式一：

var student={
   
			id:1,
		name:"张三",
		age:20,
		show:function(){
   
			alert(this.id+"-"+this.name+"-"+this.age);
		}
		};
		student.show();

方式二：

var user=new Object();
		user.id=1;
		user.name="李四";
		user.sex="男";
		//声明方法
		user.show=function(){
   
			alert(this.id+"-"+this.name+"-"+this.sex);
		};
		//调用方法
		user.show();

• array(数组)
  创建数组的方式
  方式一：

var a=new Array();
		a[0]="张三";//数组名[下标]获取元素，下标从0开始
		a[2]="李四";
		a[3]="王五";

方式二：

var b=new Array("张三","李四","王五");

方式三：

var c=["张三","李四","王五"];

js数组中可以允许不同的数据类型 ： var d=[10,1.23,"张三",null,c];

变量和常量

• 定义局部变量 let 变量名 = 值;

//1.定义局部变量
let name = "张三";
let age = 23;
document.write(name + "," + age +"<br>");

• 定义全局变量 变量名 = 值;

//2.定义全局变量
{
   
    let l1 = "aa";
    l2 = "bb";
}
//document.write(l1);
document.write(l2 + "<br>");

• 定义常量 const 常量名 = 值;

//3.定义常量
const PI = 3.1415926;
//PI = 3.15;
document.write(PI);

typeof
typeof 用于判断变量的数据类型

var a;
		var b=true;
		var c="abc";
		var d=null;
		var e=new Object();
		var f=new Array();
		var f=1;
		alert(typeof a);//undefind
		alert(typeof b);//boolean
		alert(typeof c);//string
		alert(typeof d);//object
		alert(typeof e);//object
		alert(typeof f);//number 

比较运算符

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210308160521662.png?x-oss-process=imag

赋值运算符

逻辑运算符

逻辑控制语句(if)

if条件语句

if(条件)
{
   
   //JavaScript代码;
}

ifelse条件语句

if(条件)
{
   
   //JavaScript代码;
}else{
   
  //JavaScript代码;
}

逻辑控制语句(switch)

switch多分支语句(表达式可以是数字或字符串)

switch (表达式)