《上海第二工业大学 网站建设_part three》由会员分享，可在线阅读，更多相关《上海第二工业大学 网站建设_part three（197页珍藏版）》请在金锄头文库上搜索。
1、网站建设 (课程编号： B2032002)适用专业：网络工 程 授课教师：熊小华什么是 JavaScript vJavaScript是由网景公司开发的一种跨平台，面向 对象(object-oriented)的网页脚本语言(Web Script Language)，是目前流行的网页特效设计语言。vJavaScript是客户端脚本语言,是一种面向对象（ Object）和事件驱动（Event Driven）的脚本语言 。vJavaScript认为文档和显示文档的浏览器都是由不 同的对象组成的集合。这些对象具有一定的属性， 你可以对这些属性进行修改或计算。什么是脚本语言v由ASCII码构成，可直接用任
2、何的文本编辑 器开发完成。是一种不必事先编译，只要利 用适当的解释器(Interpreter)就可以执行的简 单的解释式程序。JavaScript 能做什么 vJavaScript 为 HTML 设计师提供了一种编程工具 vJavaScript 可以将动态的文本放入 HTML 页面 vJavaScript 可以对事件作出响应 vJavaScript 可以读写 HTML 元素 vJavaScript 可被用来验证数据 vJavaScript 可被用来检测访问者的浏览器 vJavaScript 可被用来创建 cookies 如何在HTML文档中嵌入JavaScriptdocument.write(
3、“Hello World!“); 把 JavaScript 放置到何处vhead 部分 （推荐使用）包含函数的脚本位于文档的 head 部分。这样我 们就可以确保在调用函数前，脚本已经载入了。vbody 部分 执行位于 body 部分的脚本。v外部 JavaScript 如何访问外部脚本。把 JavaScript 放置到何处 v当页面载入时，会执行位于 body 部分的 JavaScript ；v当被调用时，位于 head 部分的 JavaScript 才会被执行 ；位于 head 部分的脚本 在 body 和 head 部分的脚本 v可以在文档中放置任何数量的脚本，因此既 可以把脚本放置到
4、body，又可以放置到 head 部分 使用外部 JavaScript v若干个页面中运行相同的 JavaScript，同时 不在每个页面中写相同的脚本时？v为了达到这个目的，可以将 JavaScript 写入 一个外部文件之中。然后以 .js 为后缀保存这 个文件。使用外部 JavaScriptvxxx.js为编写的脚本文件，为了便于管理，可 以放到网站目录中通常存放脚本的子目录中 遭遇老的浏览器怎么办v那些不支持 JavaScript 的浏览器会把脚本作 为页面的内容来显示。 此时该怎么办？ 为避免某些浏览器不完全支持JavaScript， 而造成错误，可将JavaScript代码用注释语
5、 句括起来JavaScript 注释 v单行的注释以 / 开始v多行注释以 /* 开头，以 */ 结尾 JavaScript 语句 vJavaScript 语句是发给浏览器的命令。这些 命令的作用是告诉浏览器要做的事情 ；v通常要在每行语句的结尾加上一个分号(推荐 ) ；分号是可选的（根据 JavaScript 标准） ，浏览器把行末作为语句的结尾。 JavaScript 变量 vJavaScript 变量名称的规则：变量对大小写敏感（y 和 Y 是两个不同的变量） 变量必须以字母或下划线开始，中间可以是数字 、字母或下划线。声明（创建） JavaScript 变量 var A=“Upperc
6、ase A“;var a=“Lowercase a“;document.write(A);document.write(“);document.write(a);JavaScript 算术运算符 运算符描述例子结结果+加x=y+2 x=7 -减x=y-2x=3*乘x=y*2x=10/除x=y/2x=2.5%求余数 (保留整数)x=y%2x=1+累加x=+yx=6 -递减x=-yx=4 给定 y=5 用于字符串的 + 运算符 v+ 运算符用于把文本值或字符串变量加起来 （连接起来）。 txt1=“What a very“; txt2=“nice day“;txt3=txt1+txt2; 对字符串
7、和数字进行加法运算 v规则是：如果把数字与字符串相加，结果将 成为字符串。x=5+5; document.write(x);document.write(“); x=“5“+“5“; document.write(x);document.write(“); x=5+“5“; document.write(x);document.write(“); x=“5“+5; document.write(x);document.write(“);比较运算符 给定 x=5，下面的表格解释了比较运算符：运算符描述例子=等于x=8 为 false=全等（值和类型 ）x=5 为 true；x=“5“ 为 fal
8、se !=不等于x!=8 为 true大于x8 为 false=大于或等于x=8 为 false1) 为 true|or(x=5 | y=5) 为 false!not!(x=y) 为 true条件运算符 v语法：variablename=(condition)?value1:value2 v 例子greeting=(visitor=“PRES“)?“Dear President “:“Dear “; 条件语句 vif 语句 在一个指定的条件成立时执行代码。 vif.else 语句 在指定的条件成立时执行代码，当条件不成立时执行另 外的代码。 vif.else ifelse 语句 使用这个语句可
9、以选择执行若干块代码中的一个。 vswitch 语句 使用这个语句可以选择执行若干块代码中的一个。 例vIf the time is less than 10, you will get a “Good morning“ greeting. Otherwise you will get a “Good day“ greeting. var d = new Date(); var time = d.getHours() ; if (time 例You will receive a different greeting based on what day it is. Note that Sund
10、ay=0, Monday=1, Tuesday=2, etc. var d=new Date();theDay=d.getDay();switch (theDay) case 5: document.write(“Finally Friday”); break; case 6: document.write(“Super Saturday“); break; case 0: document.write(“Sleepy Sunday“); break; default: document.write(“Im looking forward to this weekend!“); JavaScr
11、ipt 消息框 v可以在 JavaScript 中创建三种消息框：警 告框、确认框、提示框 。v警告框：alert(“文本“) v确认框 ：confirm(“文本“) v提示框 ：prompt(“文本“,“默认值“) 警告框例子function disp_alert() alert(“我是警告框！“) 确认框 function show_confirm()var r=confirm(“Press a button!“);if (r=true) alert(“You pressed OK!“); else alert(“You pressed Cancel!“); 提示框 function di
12、sp_prompt() var name=prompt(“请输入您的名字“,“Bill Gates“)if (name!=null i 这是标题 “ + i) document.write(“) Break 和 Continue vbreak 语句 使用 break 语句来终止循环。 vcontinue 语句 使用 continue 语句来终止当前的循环，然后从 下一个值继续执行。For.In循环 vFor.In 声明用于遍历数组或者对象的属性 （对数组或者对象的属性进行循环操作）。for (变量 in 对象) 在此执行代码 例：自定义对象person，然后通过for-in语句 枚举该对象的所
13、有属性及其属性值。 var person = new Object(); /创建自定义对象person，具有3个属性person.name=“zhang“;person.age=25;person.email=““;var st,str=“;for (st in person)str=str+“n“+st+“=“+personst;alert(str);例:将一个数组中的所有元素使用 forin语句显示在网页上。var x var mycars = new Array() mycars0 = “宝马“ mycars1 = “奔驰“ mycars2 = “宾利“for (x in mycars)
14、 document.write(mycarsx + “) Javascript如何定义数组v数组声明：var 数组变量名 = new Array()创建时指定数组长度 var week = new Array(7)创建时不指定数组长度，自动延伸数组的长度 var week = new Arrary()v数组的长度：使用数组的length属性来获得数组的 长度 week.lengthJavascript如何定义数组var week = new Array();/创建数组 week4 = “Thursday”;/给数组赋值 week6 = “Saturday“; /给数组赋值 document.w
15、rite(“today is “+ week4+“); document.write(“the day after tomorrow is “+week6+“); document.write(“一个星期有“+week.length+“天 “);JavaScript 错误处理 var x=prompt(“请输入 0 至 10 之间的数：“,“) try if(x10) throw “Err1“ else if(xJavaScript中的对象v内置对象JavaScript将一些非常常用的功能预先定义成对 象，用户可以直接使用，这种对象就是内置对象v浏览器对象网页和浏览器本身的各种元素在JavaScript程序 中的体现它使JavaScript可以定位、改变内容以及展示 HTML页面的所有元素v自定义对象JavaScript允许用户自定义对象进行使用常见的内置对象vMath 数学对象提供了进行所有基本数学计算的功能和常量 的属性和方法vDate 日期对象提供了获取、设置日期和时间的属性和方法vString 字符串对象提供了对字符串进行处理的属性和方法vArray 数组对象用来创建数组内置对象：Stringv一个字符串值是排在一起的一串零个或零个以上的 Unicode 字符（字母、数字和标点符号）v连接字符串：+v转义字符：n 换行符 r 回车符t Tab
