適合初学者的JavaScript和Jquery听课笔记.docVIP

第1课 - JavaScript背景知识 1.JavaScript的起源 - 1992年，Nombas公司开发出C减减（C-minus-minus）的嵌入式脚本语言。 - Netscape公司开发LiveScript，于1995年11月与Sun公司联合把其改名为JavaScript。 - IE3.0中搭载JavaScript的克隆版本，命名为Jscript。 - 第39届技术委员会（TC39），最终锤炼出ECMA-262标准。 - 2005年初，Google公司的网上产品使得Ajax兴起并受到广泛好评。 2. JavaScript的实现 - ECMAScript - DOM - BOM 3. Web标准 - 结构（Structure）HTML…… - 表现（Presentation）CSS…… - 行为（Behavior）DOM…… 第2课 - JavaScript基础 JavaScript的语法 - 区分大小写 - 弱类型变量（所有变量都可用var定义） - 每行结尾的分号可有可无 - 括号用于代码块 - 注释的方式与C语言、Java相同 变量 - JavaScript中变量是通过var关键字（variable的缩写）来声明的。 - 首字符必须是字母（大小写均可）、下划线（_）或者美元符号（$）。 - 余下的字母可以是下划线、美元符号、任意字母或者数字字符。 - 变量名不能是关键字或者保留字。 数据类型 - 字符串 - 数值 - 布尔值 - 数组 条件语句 - 比较操作符 - 逻辑操作符 - if语句 - switch语句 循环语句 - while语句 - for语句 函数 第3课 - CSS基础 CSS的概念 - CSS（Cascading Style Sheet），中文译为层叠样式表，是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言，是实现页面表现（Presentation）的核心元素。 - 传统HTML的缺陷 - CSS的引入 使用CSS控制页面 - 行内样式 - 内嵌式 - 链接式 - 导入样式 CSS选择器 - 标记选择器 - 类别选择器 - ID选择器 - 选择器的集体声明 - 选择器的嵌套 - 子选择器 （用 不包括孙标记） 第4课 - CSS进阶 1. div与span标记 - 在使用CSS排版的页面中，div与span是两个常用的标记。div（division）简单而言是 一个区块容器标记，即div…/div之间相当于一个容器，可以容纳段落、标题、表格、图片，乃至章节、摘要和备注等各 种HTML元素。 - div与span的区别：多个排列 2. 盒子模型 - 一个盒子由content、border、padding、margin这四部分组成： 3. 元素的定位 - float定位 - position定位 - z-index空间位置 4. CSS排版观念 - 将页面用DIV分块 - 用CSS定位 第5课 - DOM模型 1. DOM模型框架 - 文档对象模型DOM（Document Object Module）定义了用户操作文档对象的接口，可以说DOM是自HTML将网上相关文档连接起来后最伟大的创新，它使得用户对HTML有了空前的访问能力。 2. DOM模型中的节点 - 元素节点 - 文本节点 - 属性节点 3. 使用DOM - 访问节点 * getElementsByTagName * getElementById - 父子关系 - 节点的属性 - 创建新节点 4. innerHTML - innerHTML这个属性由于使用方便，也得到了目前主流浏览器的支持 - 该属性表示某个标记之间的所有内容，包括代码本身 - 该属性可以读取，同时还可以设置 第6课 - JavaScript事件 1. 事件流 - 冒泡型事件 - 捕获型事件 IE不支持该事件 2. 事件监听 - 简单的通用方法 - IE的方法 - 标准DOM的方法 3. 事件对象 - IE浏览器中事件对象是window对象的一个属性event oP.onclick = function(){var oEvent = window.event;} -DOM中规定event对象必须作为唯一的参数传给事件处理函数 oP.onclick = function(oEvent){//…} - 因此为了兼容两种浏览器，通常采用下面的方法 oP.onclick = function(oEvent){if(window.event) oEvent = window.event;} - 一系列属性、方法 - 事件类型 第7课 - 表格与表单 1. 动态控制表格 - 动态添加 - 动态删除 2. 表单基础 -可以通过document.form