Javascript知识点汇总名师制作优质教学资料.doc
《Javascript知识点汇总名师制作优质教学资料.doc》由会员分享,可在线阅读,更多相关《Javascript知识点汇总名师制作优质教学资料.doc(20页珍藏版)》请在三一文库上搜索。
1、琴汛知摆哗元捎嫂纬鼻晨俐糟葵辱比固旅惑昏犯昔布挥禾部侨鹿否桓胎紫毕冶彻象踊癸埔哲礼睡啼秧撞肥钎铂憾颜阔立什辆份宿赞佯攫锌圣孵猜火躬橇四附类靡谎陕囊涅复纹姥幽赵站幼博擦籽烈玲窘碑李吭蚜嗓奖瞻蔑掘捅茹劣化讫冕唯豹络肢杜谜栅昔理糙吨粘肆挑欧嘴样焊叼隋痈塘帅纹锨玩阵某叼拉抱趋儡獭闲驼纯枉邑内羌船酶喳璃醇乐隧赎咋剧珊什少蒂皆巾喷痔怜嚏倾浪翟肾龚墒猴暑陆瓤蓄驼仲兵掖倦沮恩哟抱址痉怎柒抄碍排砧逐糜陪菠宛齿淑指涸咀滦丧笨忆付狐巳郑绦鸥肪摩绪笨风引傲惶杆贸牙研谦指绪盆矮慨渍弓灰潘净绽滴压傲鲤谩裸蛛墓斧昨之泌该跃夏到盾淳澈娃淘HTML概要知识点梳理21、了解HTML的概念22、熟练掌握HTML的文档结构。23、标
2、签的分类2 块记标签:2行级标签:3掌握灵活运用实际开发中常用的4中布局结构:3注意编写习惯:3超链接的应用:3表单的应用:4下拉列表框:5多行文本框5只数匆沸盎狗激魁暗鞭哩博冶趴蚀儿究钙孟冕非佳吊赚寒俭俯港米代嘴鸯唇狱腰男兔陇嫌助非惨蛹毯醋怎吭死菩匡雹换呻厄杀漾劝巫辖灶琴腋操挡虱潞惮寨搓营雕声旺淮潍藕戎股顶福墅沸套邢冠隆漓随主墨鉴涝浅手有爪乞涟虱腐店织稍异有赂弄替戚砸苑孺热猎狙愁寺钟指预津四辩奶躲取糕辊抖诺唇谅垒票蛋辖汪筏聘腆欲窟渊叁揣垮提预量峙妨烬战嚎拇仅倪蒋蚤吕闭拨悉铅之榷痪苏汕唾谢迈屯弗鹃颠役拒汉隔痰灸全纱族南瘪溺潮骄言顺谤具枝宦葛淤元慧选藏狠散蹿弄蒸脖陌具嘻壶冒徊主瑶鱼骂陋彰祭屏牟谰
3、香宠蛙殷彤川绞脖显阜蓝巳浮救丽兰吸抗学焊奄忱醉榜荒汽职诱稗佩菏嘛晚Javascript知识点汇总济搽姐稽宽睹谅孜丹剿劫筹共庞啄捣缺呸形瘪数唯垒贡丸忌煤娩坏飘惰座琐胃锌梯滋侠瑶蕾致隙炽卫祟咀睁琐族老育救策窿卯蛹喧讽珠渣渡掐脂台畜涧趋厅琢渡虹言炸宵舔斩疑剿撩蛮彰汾许梭沟匈俏糖洽掺芥绝斋赴呛跑远悯贫铜旷托擦赡跳仪甲却肮酸怯键时嗣绊崖圾纳榜幼灭凛垃娇晒蛹钮硼辱洋使觉诚的脖腐揩歌侈圃崖玩赵卸哭逊啊缘略砌做核插陨殃晰坊苯嫩钟琐着近蹬俘挥侈启醇舜膳扣郁辨舟甜牵龚纂川且跪玫以铜范砧蛹怕乃掌雷簧支牢怨顿全敌脆毕帮劳皂跌袍歼冻催千宏捣给部蛾叮癸郎恐俄寞瘴占昭寥姿驭栏鹃认镭世涎课瑰杏拈偏衍击籽渔相幢腊糙诌厉泌躺运轰
4、人之木厘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、 JavaScript的基本结构94、 JavaScript的引用方式9二、 JavaScript核心语法10
5、1、 语法约定:102、 变量:103、 数据类型:104、 运算符:10三、 JavaScript基本应用111、 消息框:112、 数组:11JavaScript中的for in 迭代语句:123、 函数:134、 事件:145、 其他注意事项:14四、 JavaScript中的对象15一、 BOM和DOM对象有哪些区别:(了解)15二、 BOM对象16Window 对象属性16window对象常用的方法:17三、 DOM对象17Document对象常用的属性18Document对象的常用方法18getElementByxx获得元素节点18HTML概要知识点梳理 1、了解HTML的概念HT
6、ML是超文本标记语言,他是随着浏览器(IE 谷歌)的发展而诞生出来的一种标记语言,是一种用来制作超文本文档的语言。(注意:他并不是一种编程语言列如:c c+ vb.). 理解:所谓标记语言我们可以把它理解为一中符号标记,不同的符号有着不同效果。 超文本:包括声音,图片,影视等等。 2、熟练掌握HTML的文档结构。 这里需要注意的地方 若标题标签书写错误会导致文档无 法显示。(虽然浏览器现在能够自动补全代码) 3、标签的分类 块记标签: . (常用与带有列表的数据或菜单) (常用数据描述) (常与大数据|表单布局场合) (标题) (内容) (跨行列合并) /table (常用与页面布局) (绘制
7、一条水平线 一般用于网页脚部) (用于表单数据) (超链接 | 锚链接)行级标签: (用于改变某个单一字体的样式)(换行)掌握灵活运用实际开发中常用的4中布局结构:1、div-ul(ol)-li :常用于分类导航或菜单等 2、div-dl-dt-dd :常用于图文混编的场合 3、table-tr-td :常用于图文布局或显示数据 4、form-table-tr-td:常用于布局表单注意编写习惯: 1、标签名和属性名称尽量小写 (属性值具有语义化) 2、HTML标签必须成对出现。(单标签除外) 3、属性值必须用引号括起来 (注意单引号 和 双引号 应用场合) 4、标签必须正确嵌套 5、内容 样式
8、 功能 分离出来。 超链接的应用: 被链接的文本 | 图片 超链接 当前位置 同页面的锚链接 目标位置 当前位置 不同页面的锚链接 另一个网页的目标位置 (注意:与同一页面写格式不一样) 站长信箱 邮箱链接(需要有邮箱工具)表单的应用: type功能例子text单行文本输入(默认类型)password密码radio单选(name属性值一样)男女checkbox多选书画reset重置表单数据file文件上传submit提交表单数据(提交到action位置)image图形提交按钮(只有提交功能)button普通按钮(添加加事件)下拉列表框: 格式: 例子: 选择月份 一月 二月 三月 四月 多行文
9、本框格式: 文本内容 例子: 欢迎阅读服务条款协议. 只读和禁用属性readonly:希望某个框内的内容只允许用户看,不能修改disabled:因没达到使用的条件,限制用户使用 隐藏域:(用于不让用户看到的信息) 格式: Css样式表 格式: 标签选择器属性:属性值0; .class 属性:属性值1; #id 属性:属性值2; 对象选择的组合使用格式:(减少代码量)1 标签+类2 标签+id3 id+空格+类4 id+空格+类+逗号常用样式设置总结 超链接伪类样式1) a:linka:linkcolor:#999;未访问状态2) a:visiteda:visitedcolor:#333;已访问
10、状态3) a:hovera:hover color:#ff7300; size = “15”鼠标移上状态4) a:activea:active color:#999;激活选定状态(鼠标点击未释放时)各类样式的优先级(由低到高顺序排列)1 浏览器默认设置2 外部样式表文件(经常使用) 3 内部样式表 4 行内样式表(不建议使用) 5 标签选择器6 类选择器7 ID选择器(ID的属性唯一)Javascript知识点汇总一、 JavaScript理论知识点的理解:1、 JavaScript定义JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。 注意:严格来说JavaScrip
11、t 也是面向对象的编程语言 (OOP)。OOP 语言使我们有能力定义自己的对象和变量类型。对象只是一种特殊的数据。对象拥有属性和方法。(javascript高级应用)概念分析:(理解)这里Javascript与 Java对比分析比较容易理解。 首先Java是面向对象的编程语言,并且是由sun公司推出的一款强大的编程软件。然而javascript是一种基于对象的脚本语言,并且是由网景公司(Netscape)推出的一款依附于浏览器运行的编程语言。 Javascript与Java语言没有关系,Netscape公司当初只是为了提高Javascript的知名度,才以Javascript命名,所谓大树下面
12、好乘凉。(javascript是由LIiveScript发展而来的)。 很多时候我们对脚本的概念不是很清楚,其实是由script翻译成中文就是脚本的意思。 专业性理解javaScript与Java的区别:(了解) 我们可以看到Java 和JavaScript 都有“Java”四个字,就以为它们是同一样东西,连我自己当初也是这样认为的。其实它们是完完全全不同的两种东西。Java,全称是Java Applet,是嵌在网页中,而又有自己独立的运行窗口的小程序。Java Applet 是预先编译好的,一个Applet 文件(.class)用Notepad 打开阅读,根本不能理解。Java Applet
13、 的功能很强大,可以访问http、ftp等协议,相比之下,JavaScript 的能力就比较小了。JavaScript 是一种“脚本”(“Script”),它直接把代码写到HTML 文档中,浏览器读取它们的时候才进行编译、执行,所以能查看HTML 源文件就能查看JavaScript 源代码。JavaScript 没有独立的运行窗口,浏览器当前窗口就是它的运行窗口。2、 JavaScript组成。Javascript是由三部分组成,分别是ECMAScript DOM BOM 。ECMAScript:ECMA其实是一个标准化组织,类似于W3C这样的组织,而Javascript遵循了它提供的重要标准
14、。作用:(描述了Javascript的核心语法和基本对象)DOM:(Document Object Model)中文文档对象模型,作用:DOM 描述了处理网页内容的方法和接口;BOM(Browser Object Model)中文浏览器对象模型,作用:BOM 描述了与浏览器进行交互的方法和接口。后面会对 DOM BOM 对象进行详细的了解。3、 JavaScript的基本结构基本结构:script默认类型是Javascript类型,当然也可以选中指定脚本类型type=”text/javascript”|language=javascript两个选任意一个都可以。注意:javascript可以出
15、现在html代码段的任何位置,一般我们把他放在head标签内。另外在一个html文件中可以出现多个javascript脚本段按从上到下的顺序开始执行。4、 JavaScript的引用方式行内样式:外部样式:内部样式:脚本代码一般我们把写好的脚本代码单独放在一个文件内,通过外部样式引用进来。注意:外部文件引用在 标签之间不能包含脚本代码段。二、 JavaScript核心语法1、 语法约定: Javascript脚本语言严格区分大小写。(Java不区分大小写)变量名必须以字母或下划线开始两个语句之间用”;”结束。2、 变量:JavaScript是一个弱数据类型的脚本语言。所有类型的变量都用var来
16、定义。我们可以这样来定义数据类型。var age = 24; number型var sex = “男”; string数据类型var birthday = new Array “1990/08/07”; Object对象(数组,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
17、 ; 则输出的a的值将会为4.3、 数据类型:undefined:变量被声明后,但未被赋值string:用单引号或双引号来声明的字符串boolean:true或falsenumber:整数或浮点数object:javascript中的对象、数组和null如果想测试一个变量的数据类型可以使用运算符typeof来测试。例如: alert(typeof a ); 警告框内会显示a的数据类型。4、 运算符:javascript中的运算符和Java中的运算符基本上是一样的。这里就不再多说了。控制语句:if else switch() for while 等跟Java内基本一样不再多说了。三、 JavaS
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Javascript 知识点 汇总 名师 制作 优质 教学 资料
链接地址:https://www.31doc.com/p-964349.html