盒子阴影
Box-shadow:(inset)10px,20px,30px
x偏移量,y偏移量,阴影度
Inset --- 内部
Text-shadow --- 文字阴影
多行显示
Column-count:3;
Column-gap --- 行间距
js引入方式
Document.write()
Console.log()
常用
<body>
<script>
Document.write ---
Console --- 控制台语句
Alert -- 进入网页时显示
Prompt --- 进入网页时输入框
变量 --- 储存数据的容器
Prompt
Let uname --- 声明变量
Uname=""
Console.log(uname) --- 不要有引号,打印变量
Let age=10
Console.log(age)
Let a=1,b=2 --- 同时声明多个变量
用户名输入案例
Let uname=prompt("请输入用户名")
Document.write(uname)
变量命名规范
1.有效符号,大小写字母,数字,下划线,$
2.关键字和保留字不能用于命名 function
3.不要以数字开头
4.尽量使用有意义的词
5.命名用小驼峰命名法
var可以先使用后声明,不存在块级作用域
常量 --- 存储的数据不能再变化 const 常量名
Const gender=“nv”
Console.log(gander)
基本数据类型-字符串
Let a
a=gouxin
Console.log(typeof(a))
Typeof --- 检测类型
对于js弱数据类型语言来说,只有进行赋值了,才能知道数据类型是什么
双引号中嵌套单引号
Let uname=“asz”
Let age=21
Document.write(“姓名是:”+uname+“年龄是:”+age) --- 字符串拼接
模板字符串
<script>
Let uname =prompt(“请输入用户名;”)
Let password=prompt(“请输入密码:”)
Document.write(`用户名是:${uname},密码是:${password}`)
其他类型
布尔类型 true false
Let num = 1
Console.log(2>3)
Console.log(uname)
Var uname="aca"
Undefined --- 未定义
Let obj={}
Console.log(obj)
Null --- 空值
数据类型转换
Let a=2
Let b=“3”
Console.log(a+b)
隐式转换
Let num1=prompt(“请输入数字1:”)
Let num2=prompt(“请输入数字2:”)
Console.log(num1+num2) --- 23
prompt默认为字符串,此处为默认字符拼接
显式转换 --- number(str) +
Let num1=number(prompt(“请输入数字1:”))
Let num2=number(prompt(“请输入数字2:”))
parseInt parseFloat尽可能将字符串转换为数字类型
Let c=3.1415926
Let d=“200.22px”
Console.log(parseInt(d))
Console.log(parseFloat(d))
运算符
Console.log(a+b)
b-a
b*a
b/a
b%a --- 取余
a+=3 --- a=a+3
a-=3 --- a=a-3
自增 自减
c=b--
Console.log(c )
赋值运算符的优先级更高,先赋值,后运算
c=--b
前减减的优先级大于赋值运算符,因此先运算后赋值
= --- 赋值
== --- 真正的等于,只判断值,有隐式转换,把字符串转换为数字类型
=== --- 全等,判断值,数字类型是否都一致
逻辑运算
&& --- 两真才真,一假即假
Console.log( 3 > 2 && 2 > 4) --- false
|| --- 或,一真则真,两假才假
Console.log( 3 > 2 || 2 > 4) -- ture
! --- 非
双分支语句
<script>
Let age =+prompt("请输入你的年龄")
If{
}
Else{
}
If(age > 18){
Alert("你成年了")
}
Else{
Alert("小孩爬")
}
多分支语句
<script>
Let score = +prompt("请输入你的成绩:")
If(条件一){
}
Else if(条件二){
}
Else if(条件三){
}
判断平闺年
三元运算符
<script>
判断条件 ? 成立时执行的代码 : 不成立时执行的代码
3 > 5 ? Alert("疯掉了") : alter("aaa")
switch语句
<script>
Let week = prompt("请输入今天星期几了")
Switch(week){
Case "1":
Alert("今天星期一,猴子穿大衣")
Break --- 若不加会一直往下
Case "2":
Alert("今天星期二,猴子有点二")
Break
Case "3":
Alert("今天星期三,猴子去爬山")
Break
Case "4":
Alert("今天星期四,猴子要找事")
Break
Case "5":
Alert("今天星期五,猴子打老虎")
Break
Case "6":
Alert("今天星期六,猴子666")
Break
Case "7":
Alert("今天星期日,猴子晒太阳")
Break
Default: --- 无符合条件时执行的代码
Alert("芜湖")
for循环
For(let I = 0; I < 100;i++){
Console.log("我爱你")
}
求1-100之间的偶数和
Let sum = 0
For (let I = 1; I <= 100; i++)
{ if (I % 2 === 0){
Sum += I
}
}
Alert(sum)
while循环
<body>
<script>
Let I = 1
While(i<=10){
Console.log(i)
i++
}
Do…while 循环 --- 先执行一次再看条件
<body>
<script>
Let I =1
Do{
Console.log(i)
i++
}
While(I < 10)
Continue break
<body>
<script>
For(let I = 0 ; I < 100; i++){
If()
Continue --- 退出本次循环,后面的接着运行
Break --- 退出循环且不再继续
循环嵌套
<body>
<script>
For(let I =1; i< 8 ; i++){
Console.log()
For()
先执行上面,再将下面的全部执行一边,再回到上面执行上面的第二次
数组 --- 存储多个数据的容器,声明方式:[],数组存在数组下标,从0开始
<body>
<script>
Let arr = [`123`,`dasf`,`hd16`]
Console.log
查找 --- 数组名[数组下标]
Console.log(arr[1])
循环加强
<body>
<script>
For in
For of
Let arr = [`123`,`dasf`,`hd16`]
可打印出所有元素
打印出数组中所有