学习javasc的第一周

114 阅读4分钟

第一天的学习

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}