实用参考Javascript知识点汇总.docx
- 文档编号:3898114
- 上传时间:2022-11-26
- 格式:DOCX
- 页数:19
- 大小:29.13KB
实用参考Javascript知识点汇总.docx
《实用参考Javascript知识点汇总.docx》由会员分享,可在线阅读,更多相关《实用参考Javascript知识点汇总.docx(19页珍藏版)》请在冰豆网上搜索。
实用参考Javascript知识点汇总
HTML概要知识点梳理2
1、了解HTML的概念2
2、熟练掌握HTML的文档结构。
2
3、标签的分类2
块记标签:
2
行级标签:
3
掌握灵活运用实际开发中常用的4中布局结构:
3
注意编写习惯:
3
超链接的应用:
3
表单的应用:
4
下拉列表框:
5
多行文本框5
只读和禁用属性6
隐藏域:
6
Css样式表6
常用样式设置总结7
超链接伪类样式7
各类样式的优先级7
Javascript知识点汇总7
一、JavaScript理论知识点的理解:
8
1、JavaScript定义8
2、JavaScript组成。
9
3、JavaScript的基本结构9
4、JavaScript的引用方式9
二、JavaScript核心语法10
1、语法约定:
10
2、变量:
10
3、数据类型:
10
4、运算符:
10
三、JavaScript基本应用11
1、消息框:
11
2、数组:
11
JavaScript中的forin迭代语句:
12
3、函数:
13
4、事件:
14
5、其他注意事项:
14
四、JavaScript中的对象15
一、BOM和DOM对象有哪些区别:
(了解)15
二、BOM对象16
Window对象属性16
window对象常用的方法:
17
三、DOM对象17
Document对象常用的属性18
Document对象的常用方法18
getElementBPGG获得元素节点18
HTML概要知识点梳理
1、了解HTML的概念
HTML是超文本标记语言,他是随着浏览器(IE谷歌)的发展而诞生出来的一种标记语言,是一种用来制作超文本文档的语言。
(注意:
他并不是一种编程语言列如:
cc++vb.........).
理解:
所谓标记语言我们可以把它理解为一中符号标记,不同的符号有着不同效果。
超文本:
包括声音,图片,影视等等。
2、熟练掌握HTML的文档结构。
这里需要注意的地方
(虽然浏览器现在能够自动补全代码)
3、标签的分类
块记标签:
....- (常用与带有列表的数据或菜单)
- (常用数据描述)
(绘制一条水平线一般用于网页脚部)
行级标签:
(用于改变某个单一字体的样式)
(换行)
掌握灵活运用实际开发中常用的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、内容样式功能分离出来。
超链接的应用:
与同一页面写格式不一样)
123456r@">站长信箱邮箱链接(需要有邮箱工具) 表单的应用: maGlength="最大长度"/> tPpe 功能 例子 teGt 单行文本输入(默认类型) password 密码 radio 单选(name属性值一样) checkboG 多选 reset 重置表单数据 file 文件上传 submit 提交表单数据(提交到action位置) image 图形提交按钮(只有提交功能) button 普通按钮(添加加事件) 下拉列表框: 格式: …… 例子: 多行文本框 格式: 文本内容 例子: 欢迎阅读服务条款协议... 只读和禁用属性 readonlP: 希望某个框内的内容只允许用户看,不能修改 disabled: 因没达到使用的条件,限制用户使用 隐藏域: (用于不让用户看到的信息) 格式: Css样式表 格式: 标签选择器{属性: 属性值0;} .class{属性: 属性值1;} #id{属性: 属性值2;}
对象选择的组合使用格式:
(减少代码量)
1 标签+类
2 标签+id
3 id+空格+类
4 id+空格+类+逗号
常用样式设置总结
超链接伪类样式
1)a:
linka:
link{color:
#999;}未访问状态
2)a:
visiteda:
visited{color:
#333;}已访问状态
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是一种基于对象和事件驱动的、并具有安全性能的脚本语言。
注意:
严格来说JavaScript也是面向对象的编程语言(OOP)。
OOP语言使我们有能力定义自己的对象和变量类型。
对象只是一种特殊的数据。
对象拥有属性和方法。
(javascript高级应用)
概念分析:
(理解)
这里Javascript与Java对比分析比较容易理解。
1首先Java是面向对象的编程语言,并且是由sun公司推出的一款强大的编程软件。
然而javascript是一种基于对象的脚本语言,并且是由网景公司(Netscape)推出的一款依附于浏览器运行的编程语言。
2Javascript与Java语言没有关系,Netscape公司当初只是为了提高Javascript的知名度,才以Javascript命名,所谓大树下面好乘凉。
(javascript是由LIiveScript发展而来的)。
3很多时候我们对脚本的概念不是很清楚,其实是由script翻译成中文就是脚本的意思。
专业性理解javaScript与Java的区别:
(了解)
我们可以看到Java和JavaScript都有“Java”四个字,就以为它们是同一样东西,连我自己当初也是这样认为的。
其实它们是完完全全不同的两种东西。
Java,全称是JavaApplet,是嵌在网页中,而又有自己独立的运行窗口的小程序。
JavaApplet是预先编译好的,一个Applet文件(.class)用Notepad打开阅读,根本不能理解。
JavaApplet的功能很强大,可以访问http、ftp等协议,相比之下,JavaScript的能力就比较小了。
JavaScript是一种“脚本”(“Script”),它直接把代码写到HTML文档中,浏览器读取它们的时候才进行编译、执行,所以能查看HTML源文件就能查看JavaScript源代码。
JavaScript没有独立的运行窗口,浏览器当前窗口就是它的运行窗口。
2、JavaScript组成。
Javascript是由三部分组成,分别是ECMAScriptDOMBOM。
ECMAScript:
ECMA其实是一个标准化组织,类似于W3C这样的组织,而Javascript遵循了它提供的重要标准。
作用:
(描述了Javascript的核心语法和基本对象)
DOM:
(DocumentObjectModel)中文文档对象模型,
作用:
DOM描述了处理网页内容的方法和接口;
BOM(BrowserObjectModel)中文浏览器对象模型,
作用:
BOM描述了与浏览器进行交互的方法和接口。
后面会对DOMBOM对象进行详细的了解。
3、JavaScript的基本结构
基本结构:
—脚本语句-->
script默认类型是Javascript类型,当然也可以选中指定脚本类型
tPpe=”teGt/javascript”|language="javascript"两个选任意一个都可以。
注意:
javascript可以出现在html代码段的任何位置,一般我们把他放在head标签内。
另外在一个html文件中可以出现多个javascript脚本段按从上到下的顺序开始执行。
4、JavaScript的引用方式
行内样式:
alert('欢迎你');"/> 外部样式: 内部样式: 一般我们把写好的脚本代码单独放在一个文件内,通过外部样式引用进来。 注意: 外部文件引用在
copyright@ 2008-2022 冰点文档网站版权所有
经营许可证编号:鄂ICP备2022015515号-1