第一天的学习:
1.JavaScript的介绍:
1.浏览器端 2.编译型 3.强类型 4.面向对象 5.特点
2.如何使用JS:
1.使用方式 2.输出的方式 3.变量 4.常量 5.了解数据有哪些 6.运算符
第二天的学习:
1.分支结构:
1.程序的流程控制语句 2.Switch...case分支 3.三目运算
2.强制(显示)数据类型转换:
1.转字符串 2.转数字 3.转布尔
第三天的学习:
1.循环结构:
循环三要素:
1.循环条件:开始 - 结束,循环的次数
2.循环体:做的操作是什么
3.循环变量:记录着我们当前在哪一次,而且他会不断的变化
2.3种循环:
1.while循环 2.for循环 3.do...while循环
3.Function的基础:
1、概念:Function 也叫函数也叫方法,【先预定义】好,以后可以【反复使用】的【代码段】
2.如何使用函数:定义/创建/声明:
function 函数名(){函数体/代码段;}
3.我们以后何时使用函数呢?
1、不希望打开页面立刻执行
2.希望用户来触发提升用户的体验感
3.以后每一个独立的功能(作业)都要封装为一个函
函数在js里的地位极高,函数是js的第一等公民
4.但是好像和我们目前见过的别的函数不太一样啊
1.创建出带有形参的函数 - 形参:其实就是一个变量,只不过不需要加var,而且不需要赋值,所以称之为叫做形式参数 - 简称形参
2.使用带有形参的函数时,必须传入实参 - 实际参数,就是你传递过去的值
第四天的学习:
1.自定义函数Function:
1.创建:
1.【声明方式】创建函数
2.【直接量方式】创建函数
2.调用:var 接住返回的结果=函数名(实参列表);
3.作用域:
1.全局作用域:全局变量 和 全局函数,在页面的任何一个位置都可以使用。
2.函数作用域:局部变量 和 局部函数,在【当前函数调用时,内部可用】
4.声明提前
5.重载:相同的函数名,根据传入的实参的不同,自动选择对应的函数去执行,但是JS不支持,函数名如果重复了,后面的肯定会覆盖掉前面的
2.数组的基础:
1.创建数组:
1.直接量方式
2.构造函数方式
2.获取数组之中的元素:数组名[i]
3.后续添加/替换元素:数组名[i]=新数据;
4.数组具有三大不限制
1.不限制元素的类型
2.不限制元素的长度
3.不限制下标越界
5.解决:数组中有一个唯一的属性:length
6.遍历数组
第五天的学习:
1.DOM:Document Object Model:文档对象模型:专门用于操作HTML文档的
2.DOM树概念:DOM将我们的HTML看作了是一个倒挂的树状结构,但是树根不是html标签,而是document的对象
3.查找元素:
1.直接通过HTML的特点去查找元素
1.通过 ID 查找元素
2.通过 标签名 查找元素
3.通过 class 查找元素
2.通过关系去获取元素:
父元素:elem.parentNode;
子元素:elem.children;
第一个子元素:elem.firstElementChild;
最后一个子元素:elem.lastElementChild;
前一个兄弟:elem.previousElementSibling;
后一个兄弟:elem.nextElementSibling;
4.操作元素:
1.内容:
1.elem.innerHTML
2.elem.innerText
3.input.value
2.属性:
获取属性值:elem.getAttribute("属性名");
设置属性值:elem.setAttribute("属性名","属性值");
3.样式:
使用样式的方式:
1.内联样式
2.内部样式表
3.外部样式表
1.css属性名,有横线的地方,去掉横线,变为小驼峰命名法
2.小缺陷:获取时,我们只能获取到内联样式,因为我们目前学的就是内联样式的操作
4.绑定事件:
elem.on事件名=function(){操作;关键字this}