JavaScript

课程内容，JavaScript是一种广泛使用的编程语言，主要用于Web浏览器，使网页具有交互性。

JavaScript

• ECMAJavaScript
  • JavaScript基础
    • 网页查看结果方法
      • 1.网页document.write() 2.弹框Alert() 3.控制台console.log()
    • 环境搭配
      • 文本编辑器软件，浏览器软件，浏览器内核，排版引擎，JavaScript引擎
    • 第一个JavaScript脚本程序
      • 定义：基于对象和事件驱动，具有安全性能的脚本语言
      • 使用Script标签
    • JavaScript语法
      • 大小写严格区分，分号，注释：单行//，多行/**/，代码块
      • 变量，对象，函数的名称：字母下划线，美元符号开头
      • 数据类型
        • 基本数据类型：String(字符型)，Number(数值型)Boolean(布尔型)Null(空型)Undefined(未定义型)
        • 引用数据类型：object（）对象
  • 数组及其常用方法
    • 数据类型转换：隐式类型，显式类型，转字符型，转布尔型，转数值型
    • 本地对象：Data，Math,Global，String，
    • Array：：数组的创建及赋值，数组的访问与修改，contact(),join(),pop(),push(),shift(),slice(),sort(),splice(),unshift(),
  • 程序控制语句
    • 运算符：赋值/算术/字符串/关系/逻辑/条件/位 运算符 优先级
    • 条件语句：if if...else if..else...if...else switch...case
    • 循环语句:while do..while for for...in
  • CSS
    • 初识CSS
      • 选择器，伪类选择器，超链接的伪类选择器，值的单位，属性：颜色，文本，字体，背景，列表，表格。
      • CSS引入样式：链接样式，行内样式，内嵌样式，导入样式
    • 盒子模型
      • HTML元素分类：块级元素，内联元素，内联块级元素，
      • 盒子模型：width和height，padding，border
    • 布局模型
      • 流动模型，浮动模型，层模型，
    • js设置CSS
      • 使用style/ClassName/setAtrribute属性设置，使用style的proprety/cssText/设置
  • 函数
    • 函数
      • 自定义函数，调用函数，函数返回值，匿名函数，变量作用域，
    • 函数应用
      • 内置构造函数，自定义构造函数，构造函数私有成员，构造函数中的this，更改this指向，
    • 构造函数
      • 年历显示网页
  • 表格与表单
    • 表格
      • 检验表格，设置表格样式，用DOM动态创建表格，动态添加行列，修改单元格内容，删除行列
    • 表单
      • 表单标记，表单属性，表单元素，表单元素的公共属性，表单元素的公共方法，表单元素的操作，文本框，单选按钮，复选框，下拉框，访问下拉框的选项，下拉框选项动态调整，
    • 表单检验
      • 文本框验证，邮箱验证。
    • 正则表达式:RegExp对象，表达式模式/符号
  • 事件
    • 事件处理方式：用HTML事件属性，用HTML DOM分配事件，用addEventListener方法添加事件，
    • 常用事件
      • 单价事件，加载事件，键盘事件，onkeydown，onkeyoress，onkeyup，鼠标事件，onmousedown和onmouseup，onmouseenter和onmouseover，焦点事件，提交事件，onmousemove，onmouseout，onmouseleave
    • jQuery事件
      • 文档/窗口事件，键盘事件，鼠标事件，表单事件，hover()方法，toggle()方法，绑定事件，移除事件，临时事件
    • jQuery动画
      • 控制元素的显示和隐藏，改变元素透明度/高度，animate(),stop()
• BOM
  • BOM组成
    • 定义：浏览器定义类型
  • BOM对象
    • window对象是BOM顶层，子对象：文档对象，历史对象，地址栏对象，浏览器对象，屏幕对象
  • BOM应用
    • 四季网站
• DOM
  • DOM节点
    • Node接口
      • 提供访问DOM树中元素内容与信息的途径，给出树种元素对遍历的支持
    • Document接口
      • 代表整个HTML的文档，是对文档中数据进行访问和操作的入口
    • Element接口
      • HTML元素节点，提供对元素标签名，子节点及特性的访问
    • Attr接口
      • 属性节点，三个node属性中，nodetype2，nodename为属性名称，nodeValue为属性值
    • Text接口
      • 文档中的文本节点，例如<p>!</p>.其中！作为p节点内部的Text子节点的nodevalue存在，继承关系Node--characterData--Text
    • Event接口
      • DOM发生的任何事件，由用户和API生成
  • DOM应用
    • 我的购物车
  • DOM控制界面元素
    • 获取元素节点，创建元素节点，替换节点，删除节点，获取子节点，添加子节点，获取文本节点，读取属性节点，创建文本节点，页面元素的占位
  • jQuery概述
    • 获取jQuery：http://jquery.com
    • jQuery语法结构：$ （selector）.action()
    • DOM对象和jQuery对象
    • DOM对象转jQuery对象：$（）函数
    • jQuery对象转DOM对象：get(index)方法
  • 使用jQuery操作DOM
    • 样式操作
      • 设置获取样式值css（），追加样式，移除样式，切换样式，判断是否含指定的样式
    • DOM--CSS操作
      • 内容及其value值操作
    • 节点操作
      • 创建节点，插入节点：内部插入子节点，外部插入同辈节点，删除/替换/复制节点
    • 节点属性操作
      • 获取与设置，删除，节点遍历，遍历子元素，遍历同辈元素，遍历前辈元素
  • jQUery操作DOM应用
    • 左移与右移
    • 常见问题模块