第2.3 JavaScript技术 WEB开发技术教学课件.ppt

JavaScript编程技术 主要内容 1. JavaScript简介 2. 变量与数组 3. 表达式与运算符 4. 控制语句 5. JavaScript函数 6. JavaScript事件 7. JavaScript对象 8. JavaScript高级技术 1. JavaScript简介 JavaScript是一种Script脚本语言，所谓的脚本语言就是可以和HTML语言混合使用的语言。VBScript也是Script语言中的一种，但是VBScript只有微软的浏览器Internet Explore（IE）才能完全支持。而JavaScript则不管是什么浏览器都可以运行，这也是JavaScript的一个优点。 JavaScript是一种高级的脚本描述性语言，并不需要依赖于特定的机器和操作系统，所以说它是独立于操作平台的。JavaScript 1.0最初是在Netscape Navigator 2.0及Netscape LiveWire 1.0上实现的，目前JavaScript的版本是JavaScript 1.5。常见浏览器都支持JavaScript 1.2。 从本质上说JavaScript和Java没有什么联系，但是同时作为语言，可以从三个角度来区别。 （1）JavaScript是解释型的语言，当程序执行的时候，浏览器一边解释一边执行。而Java是编译型的语言，必须经过编译才能执行。 （2）代码格式不一样，Java代码经过编译后成为二进制文件，而JavaScript是纯文本的文件。 （3）在HTML中的嵌入方式不一样。Java可以通过小应用程序嵌入HTML文件，而JavaScript可直接写入一个文本文件或HTML文件中。 网页中引入JavaScript HTML BODY script language=JavaScript type= text/javascript !- - document.write(这是以JavaScript输出的!) //- - /script /BODY /HTML 注：从HTML4.0开始，language属性已被淘汰，倾向于使用type属性。为了向下兼容，通常两个属性同时使用。 !- - //- -的作用是使得不支持JavaScript的浏览器能忽略脚本内容。 例：induction.htm 网页中引入JavaScript HTML BODY SCRIPT LANGUAGE=JavaScript SRC=“1.js” /SCRIPT /BODY /HTML 例：induction_js.htm JavaScript的局限性 与浏览器相关 与安全性相关 不能读、写、保存用户机器上的文件 不能读、写、保存服务器上的文件 与平台相关 有些部分在不同平台下运行状况会不同 2. 变量与数组 变量和数组是JavaScript的基础，JavaScript和C语言属于同一语系，许多基本语法一样。不管是在JavaScript中还是在其他程序语言中，最基本的概念是变量。 JavaScript定义变量只有一个关键字“var”，在JavaScript中定义一个用户名变量的语法为： “var strUserName;”。 注意： （1）JavaScript的变量是弱变量。不经过申明就可以使用，建议先用var申明； （2）JavaScript语句后面可以加分号，也可以不加，建议加上； 变量命名需要遵守以下六个规则 （1）变量命名必须以英文字母或下划线开头，即变量名第一个字符必须是A到Z或是a到z之间的字母或是“_”。 （2）变量名长度在0～255字符之间。 （3）除了首字符，其他字符可以使用任何字符、数字及下划线，但是不可以使用空格。 （4）不能使用JavaScript的运算符，如：+，-，*，/等。 （5）不能使用JavaScript的保留字，例如：sqrt，parseInt（转换成整型）等。 （6）在JavaScript中，严格区分大小写，例如：变量s12和S12是不同的两个变量。 变量 HTMLHEAD SCRIPT LANGUAGE=JavaScript var strWelcome = 欢迎您！BR; var iCounter = 10; iCounter = iCounter + 1; /SCRIPT /HEAD BODY SCRIPT LANGUAGE=JavaScript document.write(strWelcome); document.write(iCounter); /SCRIPT /BODY/HTML 例：variable.htm