Javascript基础知识.docx

上传人:b****2 文档编号:2248544 上传时间:2022-10-28 格式:DOCX 页数:24 大小:71.71KB
下载 相关 举报
Javascript基础知识.docx_第1页
第1页 / 共24页
Javascript基础知识.docx_第2页
第2页 / 共24页
Javascript基础知识.docx_第3页
第3页 / 共24页
Javascript基础知识.docx_第4页
第4页 / 共24页
Javascript基础知识.docx_第5页
第5页 / 共24页
点击查看更多>>
下载资源
资源描述

Javascript基础知识.docx

《Javascript基础知识.docx》由会员分享,可在线阅读,更多相关《Javascript基础知识.docx(24页珍藏版)》请在冰豆网上搜索。

Javascript基础知识.docx

Javascript基础知识

JavaScript全局观

JavaScript核心包括一下三部分:

1.核心(ECMAScript):

定义了脚本语言的所有对象,属性和方法。

2.文档对象模型(DOM):

HTML和XML应用程序接口。

3.浏览器对象模型(BOM):

对浏览器窗口进行访问操作。

关于ECMAScript

1.ECMAScript是一种由欧洲计算机制造商协会(ECMA)通过ECMA-262标准化的脚本程序设计语言。

2.ECMAScript的工作是定义语法和对象,从最基本的语法、数据类型、条件语句、关键字、保留字到异常处理和对象定义都是它的范畴。

3.JavaScript实现了ECMAScript,AdobeActionScript和OpenViewScriptEase同样也实现了ECMAScript

4.在ECMAScript范畴内定义的对象也叫做原生对象,如Object、Array、Function等等。

5.由ECMA-262定义的ECMAScript与Web浏览器没有依赖关系。

其实上它就是一套定义了语法规则的接口,然后由不同的浏览器对其进行实现,最后我们输写遵守语法规则的程序,完成应用开发需求。

关于DOM

DOM(文档对象模型)是HTML和XML的应用程序接口(API)。

DOM将把整个页面规划成由节点层级构成的文档。

HTML或XML页面的每个部分都是一个节点的衍生物。

DOM通过创建树来表示文档,从而使开发者对文档的内容和结构具有空前的控制力。

用DOMAPI可以轻松地删除、添加和替换节点。

根据DOM的定义(HTML和XML应用程序接口)可知DOM由两个部分组成:

1.针对XML的DOM即DOMCore

2.针对HTML的DOMHTML。

DOMCore的核心概念就是节点(Node)。

DOM会将文档中不同类型的元素(这里的元素并不特指

这种tag,还包括属性,注释,文本之类)都看作为不同的节点。

DOMCORE在解析文档时,会将所有的元素、属性、文本、注释等等视为一个节点对象(或继承自节点对象的对象,多态、向上转型),根据文本结构依次展现,最后行成了一棵"DOM树"

DOMHTML的核心概念是HTMLElement,DOMHTML会将文档中的元素(这里的元素特指这种tag,不包括注释,属性,文本)都视为HTMLElement。

而元素的属性,则为HTMLElement的属性。

其实上DOMCore和DOMhtml的外部调用接口相差并不是很大,对于html文档可以用DOMhtml进行操作,针对Xhtml可以用DOMCore。

DOM模型示例:

关于BOM

BOM解析:

1.BOM是browserobjectmodel的缩写,简称浏览器对象模型

2.BOM提供了独立于内容而与浏览器窗口进行交互的对象

3.由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window

4.BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性

5.没有相关的BOM标准,每种浏览器都有自己的BOM实现。

BOM模型示例:

JavaScript语法

区分大小写:

变量、函数名、运算符以及其他一切东西都是区分大小写的。

变量是弱类型:

变量无特定的类型,定义变量时只用var运算符,可以将它初始化为任意值。

也可以随时改变变量所存数据的类型(尽量避免这样做)。

每行结尾的分号可有可无:

允许开发者自行决定是否以分号结束一行代码。

如果没有分号就把折行代码的结尾看做该语句的结尾

注释:

单行注释以双斜杠开头(//);多行注释以单斜杠和星号开头(/*),以星号和单斜杠结尾(*/)

括号表示代码块:

代码块表示一系列应该按顺序执行的语句,这些语句被封装在左括号({)和右括号(})之间。

JavaScript变量

变量命名规则:

1.第一个字符必须是字母、下划线(_)或美元符号($)

2.余下的字符可以是下划线、美元符号或任何字母或数字字符

JavaScript关键字

关键字和保留字不能用于变量名和函数名

关键字:

Break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with

保留字:

Abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto、implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile

如果把关键字用作变量名或函数名,可能得到诸如"IdentifierExpected"(应该有标识符、期望标识符)这样的错误消息。

JavaScript值

原始值:

存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。

引用值:

存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(point),指向存储对象的内存处。

原始类型占据的空间是固定的,所以可将他们存储在较小的内存区域-栈中。

这样存储便于迅速查寻变量的值。

引用类型的存储空间将从堆中分配。

由于引用值的大小会改变,所以不能把它放在栈中,否则会降低变量查寻的速度

原始类型:

JavaScript有5种原始类型(primitivetype),即Undefined、Null、Boolean、Number和String。

引用类型:

通常叫做对象,JavaScript中典型的引用类型是Function和Object。

 

JavaScript原始类型

Undefined类型:

只有一个值,即undefined。

当声明的变量未初始化时,该变量的默认值是undefined。

Null类型:

只有一个值的类型是Null,它只有一个专用值null,即它的字面量。

null用于表示尚未存在的对象。

Boolean类型:

它有两个值true和false

Number类型:

这种类型既可以表示32位的整数,还可以表示64位的浮点数。

String类型:

它是唯一没有固定大小的原始类型。

可以用字符串存储0或更多的Unicode字符

JavaScript类型转换

转换成字符串:

ECMAScript的Boolean、Number和String的原始值的有趣之处在于它们是伪对象,它们实都有toString()方法,可以把它们的值转换成字符串。

转换成数字:

JavaScript提供了两种把非数字的原始值转换成数字的方法,即parseInt()和parseFloat()。

强制类型转换:

1.Boolean(value)-把给定的值转换成Boolean型

2.Number(value)-把给定的值转换成数字(可以是整数或浮点数)

3.String(value)-把给定的值转换成字符串

JavaScript引用类型—对象

上述的Boolean、Number和String原始类型在JavaScript中都有相应封装的引用类型,此外JavaScript语法还定义了常用的Date、Array、Math、RegExp对象和DOM对象和BOM对象。

对于每个对象JavaScript都定义了一些常用的属性和方法。

JavaScript运算符

一元运算符:

Delete、void、++、--

位运算符:

~、&、|、^、<<、>>、>>>

逻辑运算符:

!

、&&、||

算数运算符:

+、-、*、/、%

关系运算符:

>、<、>=、<=、!

=、==、===

赋值运算符:

*=、/=、+=、-=、<<=、>>=、>>>=

条件运算符:

variable=boolean_expression?

true_value:

false_value;

JavaScript语句

分支语句:

1.if语句:

在一个指定的条件成立时执行代码。

2.if...else语句:

在指定的条件成立时执行代码,当条件不成立时执行另外的代码。

3.if...elseif....else语句:

使用这个语句可以选择执行若干块代码中的一个。

4.switch语句:

使用这个语句可以选择执行若干块代码中的一个。

迭代语句:

1.for循环:

在脚本的运行次数已确定的情况下使用for循环。

2.while循环:

利用while循环在指定条件为true时来循环执行代码。

3.do...while循环:

利用do...while循环在指定条件为true时来循环执行代码。

在即使条件为false时,这种循环会至少执行一次。

4.For...In迭代:

for语句是严格的迭代语句,用于枚举对象的属性。

5.break和continue语句:

break语句可以立即退出循环,阻止再次反复执行任何代码。

continue语句只是退出当前循环,根据控制表达式还允许继续进行下一次循环。

测试语句:

1.Try...Catch语句:

try...catch可以测试代码中的错误。

try部分包含需要运行的代码,而catch部分包含错误发生时运行的代码。

2.Throw声明:

throw声明的作用是创建exception(异常)。

你可以把这个声明与try...catch声明配合使用,以达到控制程序流并产生精确错误消息的目的。

消息框:

1.alert:

警告框,用户需要点击确定按钮才能继续进行操作。

2.confirm:

确认框,如果用户点击确认,那么返回值为true。

如果用户点击取消,那么返回值为false。

3.prompt:

提示框,如果用户点击确认,那么返回值为输入的值。

如果用户点击取消,那么返回值为null。

JavaScript函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

以下是创建函数的语法:

function函数名(var1,var2,...,varX)

{

代码...

return返回值

}

arguments对象:

在函数代码中,使用特殊对象arguments,用于存放函数传递的形式参数。

return语句:

用于设定返回值,返回值可以是原始类型也可以是引用类型。

JavaScript事件

JavaScript使我们有能力创建动态页面,事件是可以被JavaScript侦测到的行为。

网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。

事件对象(Event)事件对象是用来记录一些事件发生时的相关信息的对象。

事件对象只有事件发生时才会产生,并且只能是事件处理函数内部访问,在所有事件处理函数运行结束后,事件对象就被销毁!

JavaScript常用事件

一般事件

1.onClick  :

鼠标点击事件,多用在某个对象控制的范围内的鼠标点击

2.onDblClick :

鼠标双击事件

3.onMouseDown:

鼠标上的按钮被按下了

4.onMouseUp:

鼠标按下后,松开时激发的事件

5.onMo

展开阅读全文
相关搜索

当前位置:首页 > 人文社科 > 法律资料

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1