1. 引入:
<button οnclick="alert('你完蛋了');alert('玩不了一点')">点击</button> 行内引入
<script>
alert('666666') 内嵌引入
</script>
<script src="./02-index.js"></script> 外链引入(script标签存在src属性之后,其内部就无法再写js代码)
2. alert("你完犊子了") 警示框
prompt("请输入用户名:") 输入框
console.log("我是在控制台显示的") 控制台打印
document.write("我是即将显示在页面上的") 页面打印
3. // 单行注释
/*
* 多
* 行
* 注
* 释
*/
4. 变量:代码运行时,存储数据的容器
变量声明:var let let变量名
变量赋值:pwd = prompt("请输入密码:")
变量的初始化: let pwd = prompt("请输入用户名:")
变量的值可以重新赋值:
pwd = 666
alert(pwd)
let关键字声明的变量不能重复声明
undefined 表示变量只声明,但是未进行赋值
var 存在变量提升,let 不存在变量提升
变量名的命名规范:
1、变量名只能由有效符号组成(大小写的字母、数字、下划线、$)
2、不能以数字开头
3、不能使用关键字或者保留字
4、变量名最好有意义,不要使用a,b,c这类的单词
5、变量名尽量遵循小驼峰命名法
userName user_name
6、类名采用大驼峰
UserName
5. const声明的常量不能被更改,用于定义定义常量(PI)
6. 数据类型基本数据类型和引用数据类型:
1、数字类型 number
2、字符串数据类型(被单引号、双引号括起来的字符序列)
let str1 = '1234'
字符串的拼接:
document.write("str1的值是:" + str1)
document.write(`用户名是:${userName},密码是:${pwd}`)
3、布尔值 boolean
true false
document.write(2 > 3)
注: alert(typeof (a)) 用于查询数据类型
7. 数据类型转换:
1、转换为number
Number()
alert(typeof (Number("123")))
2、parseInt()\parseFloat()
把数据尽可能的转换为整型
alert(parseInt("200px"))
把数据尽可能的转换为浮点型
alert(parseFloat("333.222px"))
3、+
console.log(typeof (+"123"))
console.log(typeof (+"false"))
console.log(typeof (+"cmdckdcmdk"))
4、toFixed() 小数点的位数
let a = 3.1415926
console.log(a.toFixed(2))
5、转换为字符串
toString()
let b = 20
console.log(typeof (b.toString()))
String()
console.log(typeof (String(b)))
6、转换为布尔值
let c = 0
console.log(Boolean(c))
8. ==:会自动将"2"转换为2,然后再进行比较
console.log(2 == "2")
console.log(2 === "2")
9. a += 1 相当于 a = a + 1
10. 后加加的优先级小于赋值运算符,因此先进行赋值运算,在进行后加加
前加加的优先级高于赋值运算符,因此先进行前加加,在进行赋值运算
11. && || !
12. 单分支:
if(条件){
条件成立时执行的代码
}
13. 双分支:
if(条件){
条件满足时执行的代码
}
else{
条件不满足时执行的代码
}
14. 多分支:
let score = prompt("请输入成绩:")
if (score >= 90) {
alert("成绩优秀")
} else if (score >= 70) {
alert("成绩良好")
} else if (score >= 60) {
alert("成绩及格")
} else {
alert("你芭比q了")
}
15. 三元运算符:
条件?条件成立时执行的代码:条件不成立时执行的代码
age > 18 ? alert("成年了") : alert("未成年")
16. 数字补0:
let num1 = prompt("请输入数字:")
num1 = num1 < 10 ? 0 + num1 : num1
alert(num1)
17. 转义字符(以\开头)
18. switch多分支:
switch (week) {
case "1":
case "2":
case "3":
case "4":
case "5":
alert("工作日");
break;
case "6":
case "7":
alert("休息日");
break;
default:
alert("你是猴子派来的救兵吧~~~");
break;
}