JavaScript脚本语言(发)

JavaScript脚本语言基本知识目标•JavaScript简介•JavaScript与HTML网页•JavaScript基本语法•函数的使用•程序流程控制6.1JavaScript简介为什么引入JavaScript•采用超链接技术只能提供一种静态的信息资源，缺少动态的客户端与服务器端的交互。因而在一段时间防碍了Internet技术的发展。而JavaScript的出现，无凝为Internet网上用户带来了一线生机。可以这样说,JavaScript的出现是时代的需求,是当今的信息时代造就了JavaScript。2020/2/114JavaScript给我们带了什么•JavaScript的出现，它可以使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种实时的、动态的、可交式的表达能力。从而使静态的HTML页面被可提供动态实时信息，并对客户操作进行反应的Web页面的取代。•JavaScript脚本正是满足这种需求而产生的语言。它深受广泛用户的喜爱的欢迎。它是众多脚本语言中较为优秀的一种，它与的结合有效地实现了网络计算和网络计算机的蓝图。2020/2/115JavaScript是什么•JavaScript是一种基于对象(Object)和事件驱动(EventDriven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java小程序一起实现在一个Web页面中链接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择，具有以下几个基本特点：2020/2/116脚本编写语言2020/2/117JavaScript是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言，它提供了一个简易的开发过程。它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。基于对象的语言2020/2/118JavaScript是一种基于对象的语言，同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。简单性2020/2/119JavaScript的简单性主要体现在：首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计,从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。安全性2020/2/1110JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。动态性2020/2/1111JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页(HomePage)中执行了某种操作所产生的动作，就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。跨平台性2020/2/1112JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次，走遍天下”的梦想。网页交互性2020/2/1113实际上JavaScript最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑，软件仅需一个字处理软件及一浏览器，无须WEB服务器通道，通过自己的电脑即可完成所有的事情。JavaScript语言可以做到回应使用者的需求事件(如：form的输入)，而不用任何的网路来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给服务器端(server)处理，再传回来的过程，而直接可以被客户端(client)的应用程式所处理。•综上所述，JavaScript是一种有较强生命力和发展潜力的脚本描述语言，它可以被直接嵌入到HTML文档中，供浏览器解释执行，直接响应客户端事件，并调用相应的处理方法，迅速返回处理结果并更新页面实现WEB交互性和动态的要求，同时将一部分工作交给客户端处理，将WEB服务器的资源消耗降到最低。JavaScript能做什么•JavaScript脚本语言由于其效率高、功能强大等特点，在表单数据合法性验证、网页特效、交互式菜单、动态页面、数值计算等获得广泛的应用。JavaScript和Java的区别•虽然JavaScript与Java有紧密的联系，但却是两个公司开发的不同的两个产品。•Java是SUN公司推出的新一代面向对象的程序设计语言，特别适合于Internet应用程序开发；•JavaScript是Netscape公司的产品，其目的是为了扩展NetscapeNavigator功能，而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言，它的前身是LiveScript；基于对象和面向对象•Java是一种真正的面向对象的语言，即使是开发简单的程序，必须设计对象。•JavaScript是种脚本语言，它可以用来制作与网络无关的，与用户交互作用的复杂软件。它是一种基于对象（ObjectBased）和事件驱动（EventDriver）的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。解释和编译•两种语言在其浏览器中所执行的方式不一样。Java的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。•JavaScript是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户编由浏览器解释执行。强变量和弱变量•两种语言所采取的变量是不一样的。•Java采用强类型变量检查，即所有变量在编译之前必须作声明。如:Integerx;Stringy;x=1234;x=4321;其中X=1234说明是一个整数，Y=4321说明是一个字符串。•JavaScript中变量声明，采用其弱类型。即变量在使用前不需作声明，而是解释器在运行时检查其数据类型，如：x=1234;y＝4321;前者说明x为其数值型变量，而后者说明y为字符型变量。代码格式不一样•Java是一种与HTML无关的格式，其代码以字节代码的形式保存在独立的文档中。•JavaScript的代码是一种文本字符格式，可以直接嵌入HTML文档中，并且可动态装载。编写HTML文档就像编辑文本文件一样方便。嵌入方式不一样•在HTML文档中，两种编程语言的标识不同；•JavaScript使用Script.../Script来标识•Java使用applet.../applet来标识。JavaScript程序运行环境软件环境：·Windows95/98或其以上。·浏览器·用于编辑HTML文档的字符编辑器硬件配置：首先必须具备运行Windows95/98或WindowsNT的基本硬件配置环境。推荐：·基本内存32M。·CRT只少需要256颜色，分辨率在640X480以上。·CPU只少233以上。·鼠标和其它外部设置（根据需要选用）。•下面我们通过一个例子，编写第一个JavaScript程序。通过它可说明JavaScript的脚本是怎样被嵌入到HTML文档中的。•举例：1.html2020/2/11232020/2/1124htmlheadscripttype=text/javascript!--//JavaScriptAppearshere.alert(这是第一个JavaScript例子!);alert(欢迎你进入JavaScript世界!);alert(今后我们将共同学习JavaScript知识！);//JavaScriptAppearshere.--/script/head/html1.html编写第一个JavaScript程序•如同HTML标识语言一样，JavaScript程序代码是一些可用字处理软件浏览的文本，它在描述页面的HTML相关区域出现。•在Scripttype=“text/JavaScript.../Script之间就可加入JavaScript代码。alert()是JavaScript的窗口对象方法，其功能是弹出一个具有OK对话框并显示（）中的字符串。通过!--...//--标识说明：若不认识JavaScript代码的浏览器，则所有在其中的标识均被忽略；若认识，则执行其结果。使用注释这是一个好的编程习惯，它使其他人可以读懂你的代码。2020/2/11256.2JavaScript与HTML为了运用JavaScript控制HTML页面上的对象，JavaScript的代码必须与HTML代码结合在一起。嵌入JavaScript代码的位置•head/head之间–当脚本被调用时，或者当事件被触发时，脚本就会被执行。当你把脚本放置到head部分后，就可以确保在需要使用脚本之前，它已经被载入了。•body/body之间–在页面载入时脚本就会被执行。当你把脚本放置于body部分后，它就会生成页面的内容。•两者混合使用JavaScript代码与HTML代码常见的结合方式一般有两种：将JavaScript直接嵌入HTML文档基本语法：scripttype=“text/javascript”!--…javascript代码…//--/script•举例：•例6.1.html基本语法：scripttype=“text/javascript”src=“文件名”/script-------外部文件（*.js)的语法-------!--…代码…//--2020/2/1132使用外部JS文件•举例：•Myjs.js•例6.3.html34HTML表单标记网页中的表单用于创建：–问卷–注册信息–简答题–调查表单在网页中用于向网站的访问者请求信息Form表单的基本语法基本语法：formname=“表单名称”action=“url地址”method=“数据传送方式”……/form•举例：•例6.4.html表单的input对象基本语法：formname=“表单名称”inputtype=“对象类型”name=“对象名称”/form说明：text、password、checkbox、radio、image、hidden、file、button、submit、resetname、value、checked标记属性功能type=inputtype设置输入域的类型name=cdata设置表项的控制名，在表单处理时起作用size=num设置表单域的长度maxlength=num设置允许输入的最大字符数（适用于text和password类型）value=cdata设置输入域的值checked设置是否被选中（适用于radio，checkbox类型）表2-11INPUT标记的属性值•inputtype=“text”•inputtype=“password”•举例：•例6.5.html•3.html•inputtype=“chectbox”•举例：•例6.6.html•inputtype=“radio”•举例：•例6.7.html•inputtype=“button”•举例：•4.html表单的select对象基本语法：formname=“表单名称”selectname=“对象名称”size=“列出菜单数量”optionvalue=“选项值1”显示值1optionvalue=“选项值2”显示值2……/select