实用参考Javascript知识点汇总.docx

上传人:b****3 文档编号:3898114 上传时间:2022-11-26 格式:DOCX 页数:19 大小:29.13KB
下载 相关 举报
实用参考Javascript知识点汇总.docx_第1页
第1页 / 共19页
实用参考Javascript知识点汇总.docx_第2页
第2页 / 共19页
实用参考Javascript知识点汇总.docx_第3页
第3页 / 共19页
实用参考Javascript知识点汇总.docx_第4页
第4页 / 共19页
实用参考Javascript知识点汇总.docx_第5页
第5页 / 共19页
点击查看更多>>
下载资源
资源描述

实用参考Javascript知识点汇总.docx

《实用参考Javascript知识点汇总.docx》由会员分享,可在线阅读,更多相关《实用参考Javascript知识点汇总.docx(19页珍藏版)》请在冰豆网上搜索。

实用参考Javascript知识点汇总.docx

实用参考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