JavaScript的简介

JavaScript的基本使用

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src=".js">//src中放js文件的路径
         // 编写js代码
    </script>
</head>

基本变量与数据类型

var num=1//number
var str="string"//string
var boo="true"//boolean
var obj_01=[1,2,3,4,5]//object
var obj_02={//object
	"name":"xx",
	"sex":"xx",
	"age":18,
}

console.log(typeof x)//x为你需要查看的变量

console.log(1)
console.log(typeof 1)

效果如下（包括打开控制台的方法）：
在这里插入图片描述

console.log(parseInt("1.2345"))//转换为整数
console.log(typeof parseInt("1.2345"))

console.log(parseFloat("1.2345"))//转换为小数
console.log(typeof parseFloat("1.2345"))

console.log(1.2345.toFixed(2))//取整数和小数的几位
console.log(typeof 1.2345.toFixed(2))

效果如下：
在这里插入图片描述

//短路现象
console.log(""||0) //0
console.log(1||0) //1
console.log("2"||"1"||1) //"2"
console.log("2"&&"1"&&1) //"2"
console.log("2"&&0&&1) //0

效果如下：
在这里插入图片描述

console.log(1=="1") //true
console.log(1==="1") //false

效果如下：
在这里插入图片描述

var as=[1,2,3,4,5]
var obj={
            "name":"xx",
            "sex":"xx",
            "age":18,
        }
//数组
console.log(as)
console.log(as[0])
console.log(as[100])
as[10]=10
console.log(as)
//对象
console.log(obj)
obj.address="长沙"
console.log(obj)

效果如下（如果数组显示的是Array，刷新一下）：
在这里插入图片描述

基本语句

alert("提示框")
confirm("询问框")
prompt("输入框")

document.write("测试")
document.write("<p>测试</p>")

效果如下（页面放大200%）：
在这里插入图片描述

//if语句
if (true){
 	 console.log("测试")
}
//while语句
var i=0
while(i<5){
    i++
    document.write("测试")
}
//switch语句
switch (1+1){
    case 1:console.log("false")
        break
    case 2:console.log("true")
        break
    default:console.log("???")
}
//for语句
for (var j=0;j<5;j++){
    console.log("测试")
}