实用参考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('欢迎你');"/>
外部样式:
内部样式:
一般我们把写好的脚本代码单独放在一个文件内,通过外部样式引用进来。
注意:
外部文件引用在