admin管理员组文章数量:1566611
2024年3月4日发(作者:)
chapter 1 JavaScript简介
1.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兴起并受到广泛好评。
1.2. JavaScript的组成
- ECMAScript
- DOM文档对象模型
- BOM浏览器对象模型
1.3. web标准
- 结构(structure):xml、xhtml
- 变现(presentation):css
- 行为(behavior):DOM、ECMAScript
chapter 2 JavaScript基础
2.1. JavaScript的语法
- 区分大小写
- 弱类型变量 var
- 每行结尾分号可有可无
- 括号用于代码块 {}
- 注释方式与C/java一样
2.2. JavaScript的变量
- 通过var(variable)来声明
首字符:字母、下划线、美元符号($)
余下字符:下划线、$、字母、数字
变量名不能是关键字或保留字
2.3. 数据类型
- 字符串 2-2
- 数值 2-5
- 布尔值 2-7
- 数组 2-13
2.4. 条件语句
- 比较操作符 2-23
- 逻辑操作符 2-24
- if语句 2-25
- switch语句
2.5. 循环语句
- while语句 2-27
- for语句
2.6. 循环语句
- while语句 2-27
- for语句
2.7. 函数
- 通过function定义
chapter 3 CSS基础
3.1. CSS的概念
- 层叠样式表
- 控制网页样式
- 样式和内容分离
- 实现presentation的核心元素
3.2. 使用CSS控制页面
- 行内样式 style
- 内嵌式
- 链接式
- 导入样式
3.3. CSS选择器
- 标记选择器
- 类别选择器 .class
- ID选择器 #id
- 选择器的集体申明 : ,标记 .class, #id
- 选择器的嵌套 : 选择器 选择器
- 子选择器:选择器 > 选择器 (严格匹配)
chapter 4 CSS进阶
4.1. div&span
- div:区块容器标记(可放:段落、标题、表格、图片、章节、摘要、备注.ect)
span:行内标记
4.2. 盒子模型
- 组成部分:content、border、padding、margin
4.3. 元素的定位
- float定位 4-3
- position定位:father若为relative,son的absolute就是相对father的;
若father无论是否设置position,son的relative就是相对于它本来没有设置position的时候所在的块的位置。
- z-index空间位置:数值越大的越在上面
4.4. CSS排版观念
- 用div分块
- 设计各个块的位置
- 用CSS进行定位(适当使用clear)
chapter 5 DOM模型
5.1. DOM模型框架
- 文档对象模型
- 定义了用户操作文档对象的接口
- 使用户对HTML有了空前的访问能力
- 抽象,如:
5.2. DOM模型中的节点
- 元素节点
- 文本节点
- 属性节点
5.3. 使用DOM
- 访问节点
getElementsByTagName(“”)
getElementById(“”)
- 父子关系5-3
hasChildNodes()
- 节点的属性5-8
getAttribute("属性名")
- 创建新节点5-10
creatElement(“”) …
appendChild( )
5.4. innerHTML
5-16
- 使用方便,主流浏览器支持
- 是一种属性
- 某个标记之间的所有内容,包括代码本身
- 可读可设
chapter 6 事件
6.1. 事件流
- 冒泡型事件 6-1
不断触发点击(如冒泡一样)
- 捕获型事件(IE不支持)
6.2. 事件监听(IEvs标准DOM)
基本思想:将触发事件放在js而不是html节点属性中….
- 简单的通用方法 6-2:兼容性比较好,范围比较局限,只能为对象添加单一的事件,且不能将改事件删除.
:页面加载时就加载了
对象.onclick :直接调用
- IE 6-3
attachEvent(“”, ) :添加监听事件
detachEvent(“”, ) :撤销监听事件
- 标准DOM 6-5 如:FF
addEventListener("", ,false) :false:采用冒泡型而不是捕获型 //添加监听事件
removeEventListener("click",fnClick2,false); // 撤销监听事件
p.s.:事件监听器兼容性很差
6.3. 事件对象(IEvs标准DOM)
- IE中事件对象是windows的一个属性:event
- DOM中事件对象是唯一的参数传递给处理函数
-兼容性方式
- 事件对象的一系列属性和方法
- 事件类型 6-6
chapter 7 表格&表单
7.1. 动态控制表格
- 动态添加 7-4
- 动态删除 7-6
7.2. 表单基础
- 集合来引用表单
Eg:一个name属性为myForm的表单可以通过document..forms[“myForm”]
- 基本表单元素 7-9
lable中的for对应表单中的id:光标主动移到对应表单处
type=”password”:密码输入框
发表评论