Javascript基础知识.docx
- 文档编号:2248544
- 上传时间:2022-10-28
- 格式:DOCX
- 页数:24
- 大小:71.71KB
Javascript基础知识.docx
《Javascript基础知识.docx》由会员分享,可在线阅读,更多相关《Javascript基础知识.docx(24页珍藏版)》请在冰豆网上搜索。
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会将文档中不同类型的元素(这里的元素并不特指
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
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Javascript 基础知识