Web编程基础 第5章 JavaScript基础学习资料.pptVIP

第5章JavaScript基础内容提要5.1JavaScript简介JavaScript是基于对象和事件驱动的客户端脚本语言，它是一种动态、弱类型、基于原型的语言、内置支持类。JavaScript的主要目的是为了解决服务器端语言遗留的速度问题，特别是客户端的数据校验由JavaScript完成，减轻服务器端的负担，可以提高网页浏览的速度。JavaScript的功能很强大，可以实现数学计算、表单验证、表单特效等，但是JavaScript的功能仅限于客户端使用，和服务器端不能进行交互，因而并不是真正的动态网页设计技术。JavaScript与Java除了名称和命名规范有些类似之外，本质上是不同的。Java是一种面向对象的高级程序设计语言，而JavaScript只是基于对象的客户端脚本语言。JScript是由微软公司开发的另一种活动脚本语言，与JavaScript并无本质的关联。5.1.1JavaScript的语言特点JavaScript具有以下几个特点：1．是一种解释执行的脚本语言；2．基于对象；3．简单、弱类型；4．相对安全；5．动态性；6．只需要浏览器支持；7．嵌套在HTML中；5.1.2JavaScript的基本结构JavaScript加入到网页中有两种方法，直接加入到HTML文档中，或者引用到HTML文档中。1．使用script标签直接加入到网页中将JavaScript脚本直接加入到网页中是最常用的方法，例如：scriptlanguage=“JavaScript”!--JavaScript语句--/scriptjs1.html:!DOCTYPEhtmlPUBLIC-//W3C//DTDHTML4.01Transitional//EN/TR/html4/loose.dtdhtmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=UTF-8title插入到body的JavaScript/title/headbodyscriptlanguage=JavaScriptdocument.write(欢迎学习Web编程基础！);/script/body/htmljs1.html的显示结果如图所示。如果是不需要一载入网页就执行的脚本，可以放置在head部分，当某事件被触发时，再调用相应的JavaScript脚本。js2.html:!DOCTYPEhtmlPUBLIC-//W3C//DTDHTML4.01Transitional//EN/TR/html4/loose.dtdhtmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=UTF-8title插入到head部分的JavaScript/titlescriptlanguage=JavaScriptfunctionshow(){ alert(我是警告框！);}/script/headbodyinputtype=buttonvalue=弹出警告框onclick=show()//body/htmljs2.html在浏览器中执行后，单击“弹出警告框”后的显示结果如图所示。2．将脚本引用到HTML文件中对于较长或复用性较高的代码，可以将JavaScript脚本保存成扩展名为.js的文件，然后在HTML文件中进行引用。hello.js:document.write(欢迎学习Web编程基础！);js3.html:!DOCTYPEhtmlPUBLIC-//W3C//DTDHTML4.01Transitional//EN/TR/html4/loose.dtdhtmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=UTF-8title引用外部JS文件/title/headbodyscripttype=text/javascriptsrc=js/hello.js/script/body/html5.2JavaScript语法与其它的语言类似，JavaScript也有其自身的数据类型、表达式以及流程控制语句。JavaScript的语法与Java也有些类似。5.2.1数据类型JavaScript是弱类型的脚本语言，变量不经声明即可使用，在使用的过程中也可以更改数据类型。JavaScript中支持的数据类型如表