网页设计————js应用.pptVIP

第 七章 JavaScript技术应用 张新 * 函数示例 htmlheadscript language=JavaScript function hello( ) {document.write (你好！); document.write (欢迎使用hello( )函数); return;} function sum_up ( one, two) {var result = one + two; return result;} function sum_all ( ) {var loop=0, sum=0; for ( loop = arguments.length-1; loop =0; loop--) sum += arguments[loop]; return sum;} hello(); var total = sum_up(7, 9); document.write ( total + + sum_up ( 8, 15)); document.write ( + sum_all ( 1, 5, 8,7, 6) ); /script/head/html 变量的作用域是指变量起作用的范围，在该范围内可引用该变量。 全局变量:作用范围是同一个页面文件中的所有脚本 局部变量是定义在函数内，只在函数内部起作用。 例 下面的程序代码说明了变量的作用域作用不同的有效范围： script language=javascript var a; //该变量在函数外声明，作用于整个脚本代码 function send() { a=JavaScript var b=语言基础 //该变量在函数内声明，只作用于该函数体 alert(a+b); } /script 变量的作用范围 * 总结 JavaScript是一种脚本语言，使用它可以创建客户端脚本和服务器端脚本。 可以使用不同的方法将JavaScript语句插入到HTML文档中。 JavaScript支持的基本数据类型有数字型、逻辑型或布尔型 、字符串型 和空型。 JavaScript支持的运算符包括：算术运算符、比较运算符、逻辑运算符、字符串运算符和求值运算符。 数组用于存储具有相同数据类型的一组值变量 条件语句包括：if ...else和分支语句switch。 循环语句包括for循环、do…while、while、break continue语句。 JavaScript具有一些预定义函数，也可以创建自定义函数。 强调JS的主要功能： 1）数据验证 2）网页特效 3）因为js是脚本语言，所以代码也称为js脚本 在HTML中为了使书写好看一些，常常使用大小写混合的方法来定义事件，但是在JavaScript只用小写。比如在HTML中定义一个按钮的鼠标点击事件可以采用如下方法书写：input type=button onClick=alert(‘hello’) 其中onClick写成onclick也不会出错，但是如果在JavaScript中则只能使用小写的onclick来表示鼠标点击事件，例如：document.onclick=alert(hello); 。 由于HTML中不区分大小写，所以在HTML中定义HTML对象的名字的时候大小写非常自由，但是JavaScript在对HTML对象调用的时候区分对象和属性的大小写。 大小写错误对于JavaScript程序的调试来说是非常容易犯的错误，特别要注意定义变量与调用变量时大小写的一致性，对于系统的一些保留字也必须严格遵守大小写的书写。 * 讲解要点： 我们上网时，一般是在IE浏览器中，键入某个网址：如，然后打开google网页， 引出浏览器对象。为了让学员容易理解，不要1求过去完整而枯燥的概念定义。 1）整个浏览器窗口，称为window窗口对象。 2）窗口对象又包括上方的地址栏和下方的页面内容。地址栏称为location地址对象，表示网页的地址信息。 3）下方的页面内容代表整个网页文档，称为document文档对象，存放网页的文档信息。 4）文档对象又包含段落、图片、表单等。例如表单对象FORM 5) 总结：从这张图可以看出，浏览器对象是分层次的. 所以表单中的文本框完整的名称应该是： window.document.myform.text1 ，其中window可以省略，所以我们前面写为： document.myform.text1 就是这样来的。 讲解要点： 1）JavaScript代码可以直接写在网页内 2）也可以象样式文件一样。把JavaScrip