1、HTML 概要知识点梳理 .21、了解 HTML 的概念 .22、熟练掌握 HTML 的文档结构。 .23、标签的分类 .2块记标签： .2行级标签： .3掌握灵活运用实际开发中常用的 4 中布局结构： .3注意编写习惯： .3超链接的应用： .3表单的应用： .4下拉列表框： .5多行文本框 .5只读和禁用属性 .6隐藏域： .6Css 样式表 .6常用样式设置总结 .7超链接伪类样式 .7各类样式的优先级 .7Javascript 知识点汇总 .7一、 JavaScript 理论知识点的理解： .81、 JavaScript 定义 .82、 JavaScript 组成。 .93、 Java
2、Script 的基本结构 .94、 JavaScript 的引用方式 .9二、 JavaScript 核心语法 .101、 语法约定： .102、 变量： .103、 数据类型： .104、 运算符： .10三、 JavaScript 基本应用 .111、 消息框： .112、 数组： .11JavaScript 中的 for in 迭代语句： .123、 函数： .134、 事件： .145、 其他注意事项： .14四、 JavaScript 中的对象 .15一、 BOM 和 DOM 对象有哪些区别：（了解） .15二、 BOM 对象 .16Window 对象属性 .16window 对象常
3、用的方法： .17三、 DOM 对象 .17Document 对象常用的属性 .18Document 对象的常用方法 .18getElementByxx 获得元素节点 .18HTML 概要知识点梳理1、了解 HTML 的概念HTML 是超文本标记语言，他是随着浏览器（ IE 谷歌）的发展而诞生出来的一种标记语言，是一种用来制作超文本文档的语言。 （注意：他并不是一种编程语言列如：c c+ vb.）.理解：所谓标记语言我们可以把它理解为一中符号标记，不同的符号有着不同效果。超文本：包括声音，图片，影视等等。2、熟练掌握 HTML 的文档结构。这里需要注意的地方 若标题标签书写错误会导致文档无 法
4、显示。 （虽然浏览器现在能够自动补全代码）3、标签的分类块记标签：.（常用与带有列表的数据或菜单） （常用数据描述） （常与大数据|表单布局场合）（标题） （内容） (跨行列合并)(常用与页面布局)(绘制一条水平线 一般用于网页脚部)(用于表单数据 )(超链接 | 锚链接)行级标签：(用于改变某个单一字体的样式)（换行）掌握灵活运用实际开发中常用的 4 中布局结构：1、div-ul(ol)-li ：常用于分类导航或菜单等 2、div-dl-dt-dd ：常用于图文混编的场合 3、table-tr-td ：常用于图文布局或显示数据 4、form-table-tr-td：常用于布局表单注意编写习惯
5、：1、标签名和属性名称尽量小写 （属性值具有语义化）2、HTML 标签必须成对出现。 （单标签除外） 3、属性值必须用引号括起来 （注意单引号 和 双引号 应用场合）4、标签必须正确嵌套 5、内容 样式 功能 分离出来。超链接的应用：被链接的文本 | 图片 超链接当前位置 同页面的锚链接目标位置当前位置 不同页面的锚链接另一个网页的目标位置 （注意：与同一页面写格式不一样）站长信箱 邮箱链接（需要有邮箱工具）表单的应用：type 功能 例子text 单行文本输入(默认类型) password 密码 radio 单选（name 属性值一样） 男女checkbox 多选 书画reset 重置表单数
6、据 下拉列表框：格式： 例子：选择月份一月二月三月四月多行文本框格式：文本内容 file 文件上传 submit 提交表单数据(提交到action 位置 ) image 图形提交按钮（只有提交功能） button 普通按钮（添加加事件） 例子：欢迎阅读服务条款协议.只读和禁用属性readonly：希望某个框内的内容只允许用户看，不能修改disabled：因没达到使用的条件，限制用户使用 隐藏域：（用于不让用户看到的信息）格式：Css 样式表格式：标签选择器属性：属性值 0；.class 属性：属性值 1;#id 属性：属性值 2;对象选择的组合使用格式：（减少代码量）1 标签+类2 标签+id
7、3 id+空格+类4 id+空格+类+逗号常用样式设置总结超链接伪类样式1) a:link a:linkcolor:#999;未访问状态2) a:visited a:visitedcolor:#333; 已访问状态3) a:hover a:hover color:#ff7300; size = “15” 鼠标移上状态4) a:active a:active color:#999; 激活选定状态（鼠标点击未释放时）各类样式的优先级(由低到高顺序排列)1 浏览器默认设置2 外部样式表文件（经常使用） 3 内部样式表 4 行内样式表（不建议使用） 5 标签选择器6 类选择器7 ID 选择器（ID 的
8、属性唯一）Javascript 知识点汇总一、 JavaScript 理论知识点的理解：1、 JavaScript 定义JavaScript 是一种基于对象和事件驱动的、并具有安全性能的脚本语言。注意：严格来说 JavaScript 也是面向对象的编程语言 (OOP)。OOP 语言使我们有能力定义自己的对象和变量类型。对象只是一种特殊的数据。对象拥有属性和方法。（javascript 高级应用）概念分析：（理解）这里 Javascript 与 Java 对比分析比较容易理解。 首先 Java 是面向对象的编程语言，并且是由 sun 公司推出的一款强大的编程软件。 然而 javascript 是
9、一种基于对象的脚本语言，并且是由网景公司(Netscape)推出的一款依附于浏览器运行的编程语言。 Javascript 与 Java 语言没有关系，Netscape 公司当初只是为了提高 Javascript 的知名度，才以 Javascript 命名，所谓大树下面好乘凉。(javascript 是由 LIiveScript 发展而来的)。 很多时候我们对脚本的概念不是很清楚，其实是由 script 翻译成中文就是脚本的意思。专业性理解 javaScript 与 Java 的区别：（了解） 我们可以看到 Java 和 JavaScript 都有“Java”四个字，就以为它们是同一样东西，连我
10、自己当初也是这样认为的。其实它们是完完全全不同的两种东西。Java，全称是 Java Applet，是嵌在网页中，而又有自己独立的运行窗口的小程序。Java Applet 是预先编译好的，一个 Applet 文件（.class）用Notepad 打开阅读，根本不能理解。Java Applet 的功能很强大，可以访问http、ftp 等协议，相比之下，JavaScript 的能力就比较小了。JavaScript 是一种“脚本”（“Script”），它直接把代码写到 HTML 文档中，浏览器读取它们的时候才进行编译、执行，所以能查看 HTML 源文件就能查看 JavaScript 源代码。Java
11、Script 没有独立的运行窗口，浏览器当前窗口就是它的运行窗口。2、 JavaScript 组成。Javascript 是由三部分组成，分别是 ECMAScript DOM BOM 。ECMAScript：ECMA 其实是一个标准化组织，类似于 W3C 这样的组织，而Javascript 遵循了它提供的重要标准。作用：（描述了 Javascript 的核心语法和基本对象）DOM:（Document Object Model）中文文档对象模型，作用：DOM 描述了处理网页内容的方法和接口；BOM(Browser Object Model)中文浏览器对象模型，作用：BOM 描述了与浏览器进行交互
12、的方法和接口。后面会对 DOM BOM 对象进行详细的了解。3、 JavaScript 的基本结构基本结构：script 默认类型是 Javascript 类型，当然也可以选中指定脚本类型type=”text/javascript”|language=“javascript“两个选任意一个都可以。注意：javascript 可以出现在 html 代码段的任何位置，一般我们把他放在 head 标签内。另外在一个 html 文件中可以出现多个 javascript 脚本段按从上到下的顺序开始执行。4、 JavaScript 的引用方式行内样式：外部样式：内部样式： 脚本代码 一般我们把写好的脚本代
13、码单独放在一个文件内，通过外部样式引用进来。注意：外部文件引用在 标签之间不能包含脚本代码段。二、 JavaScript 核心语法1、 语法约定：Javascript 脚本语言严格区分大小写。 （Java 不区分大小写）变量名必须以字母或下划线开始两个语句之间用”；”结束。2、 变量：JavaScript 是一个弱数据类型的脚本语言。所有类型的变量都用 var 来定义。我们可以这样来定义数据类型。var age = 24; number 型var sex = “男”; string 数据类型var birthday = new Array “1990/08/07”; Object 对象（数组，
14、null, 对象都为 object 类型）也可以这样定义： age = 24 ; var a,b,c=2;（2 的值只会赋给 c 变量，很少使用）1、 可以先声明再赋值，同时声明和赋值，不声明直接赋值（不建议使用）2、 可以重新声明 javascript 变量且原始的值保持不变例如： var a = 3; var a; 输出 a 的值仍然是 3.如果 var a = 3; var a = 4 ; 则输出的 a 的值将会为 4.3、 数据类型：undefined：变量被声明后，但未被赋值string：用单引号或双引号来声明的字符串boolean：true 或 falsenumber：整数或浮点数object：javascript 中的对象、数组和 null如果想测试一个变量的数据类型可以使用运算符 typeof 来测试。例如： alert(typeof a ); 警告框内会显示 a 的数据类型。
