JavaScript基础

JS特点

  • 开发工具简单,记事本即可
  • 无需编译,直接由JS引擎负责执行
  • 弱类型语言由数据来决定
  • 面向对象

一、变量

1.什么是变量
就是内存中的一段存储空间
名:内存空间的别名,可以自定义
值:保存在内存空间中的数据

2.变量的声明
在这里插入图片描述3.变量名命名规范
在这里插入图片描述

二、数据类型

1.数字类型
在这里插入图片描述
2.字符串类型
在这里插入图片描述3.布尔类型
在这里插入图片描述4.隐式转化(不需要认为转化)
在这里插入图片描述5.强制转化
在这里插入图片描述在这里插入图片描述在这里插入图片描述
在这里插入图片描述

三、运算符和表达式

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述

四、函数

在这里插入图片描述函数的语法
在这里插入图片描述

五、分支结构

在这里插入图片描述在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

六、循环结构

在这里插入图片描述

流程:

  • 判断条件

  • 如果条件为真,则执行循环操作

  • 再判断条件,如果为真,继续执行循环操作

  • 判断循环条件,如果为假,则退出循环结构

    var i=0;
    while(i<10){
    console.log(‘你好世界’);
    i++;
    }

循环的流程控制
(1) continue 关键字
作用:用在循环中,用于终止本次循环,继续执行下次循环
(2).break 关键字
作用:用在循环中的话,终止整个循环结构!!!
在这里插入图片描述4.for循环
for(表达式1;表达式2;表达式3){
循环体结构;
}
在这里插入图片描述

七、数组

在这里插入图片描述
1.创建空数组:2种

  • 数组直接量:var arr=[ ];
  • 用new:var arr=new Array();

在这里插入图片描述
在这里插入图片描述在这里插入图片描述
遍历关联数组:for in 循环
在这里插入图片描述

八、数组API函数

在这里插入图片描述

在这里插入图片描述在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述

九、DOM查找

在这里插入图片描述在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述

十、DOM修改

核心DOM:4个操作
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
修改样式
在这里插入图片描述

十一、DOM添加
1.创建空元素
var elem=document.createElement(‘元素名’)
在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述十四、BOM
BOM——专门操作浏览器窗口的API。没有标准,有兼容性问题。
在这里插入图片描述什么是定时器?

  • 让程序按指定时间间隔自动执行任务
  • 网页动态效果,计时功能等

定时器分类
1.周期性定时器
让程序按指定时间间隔反复自动执行一项任务
在这里插入图片描述在这里插入图片描述
2.一次性定时器
在这里插入图片描述

综合案例,魔方

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值