7.26笔记

盒子阴影

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`]

可打印出所有元素

打印出数组中所有

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值