一,学习网址
【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili
二,安装Hbuilder编辑器
三,学习javascript
- javascropt内置对象
- String
- Math
- Date
- 注: getMonth():得到的值:0~11(1月--12月)
- setMonth():设置值时: 0~11
- toLocaleString():可根据本地时间把Date对象转换成字符串,并返回结果
-
JavaScript对象
- 对象的创建:三种方式,字面量形式创建对象,通过newObject对象创建,通过Object对象的create方法创建对象。
- 字面量形式创建
- new Object对象
- create方法创建
- 对象的操作
- 获取对象的属性(如果对对象属性不存在,则获取undefined):对象名。属性名;
- 设置对象的属性(如果属性存在,则修改属性值;如果属性不存在,则添加新的属性值):对象名.属性值 = 值
- 对象的序列化和反序列化
- 序列化:将JS对象(JSON对象)转换成JSON字符串
- var 变量名 = JSON。stringgify(对象)
- 反序列化:将JSON字符串转换成JS对象(json对象)
- var 对象名 = JSON字符串
- 序列化:将JS对象(JSON对象)转换成JSON字符串
- this:一个关键字
- 谁调用函数,this指代谁
- 直接调用函数,this代表的全局的window对象
- 调用对象中的函数,this代表的是对象本身
-
js事件
- 事件
- 作用
- 事件中的几个名词
- 事件源:给什么元素/标签绑定时间
- 事件名:绑定什么事件
- 事件监听:浏览器窗口
- 执行函数:事件触发后需要执行什么代码
- 事件类型:鼠标事件,键盘事件,HTML事件几个常用的事件
- 事件流和事件模型
- 事件冒泡:事件开始时有最具体的元素接受,然后逐级向上传播到较为不具体的节点(文档)
- 事件捕获:事件开始时有文档节点接受,然后逐级向下传播到具体的元素节点
- DOM事件刘:事件流包括三个阶段,事件捕获阶段,处于目标阶段和时间冒泡阶段买寿险发生的是时间捕获阶段,为截获时间提供了机会,然后实际的目标接受时间,最后一个阶段是冒泡阶段,可以在这个阶段对时间做出响应
- 事件处理程序
- HTML事件处理程序
- DOMO事件处理程序
- 通过id属性值获取节点对象
- document.getElementByID("id属性值");
- 事件源:获取事件源
- 事件类型:给事件源绑定指定的事件
- 执行函数:事件触发后要执行的代码
- 通过id属性值获取节点对象
- DOM2级事件
- 事件源。addEventListener("事件类型,执行函数,true")
- 对象的创建:三种方式,字面量形式创建对象,通过newObject对象创建,通过Object对象的create方法创建对象。