JSP网页基础知识.ppt

《JSP网页基础知识.ppt》由会员分享，可在线阅读，更多相关《JSP网页基础知识.ppt（154页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第2章JSP预备知识lHTML是学习JSP必须掌握的，因为JSP程序就是Java代码或者JSP标签，然后由JSP引擎翻译成Servlet，由Web容器编译执行。lJavaScript实际上JSP知识体系中一个可选的知识模块。l2.1HTML快速入门l2.2JavaScript技术2.1HTML快速入门lHTML使Web获得奇迹般的发展有以下三个主要原因：l首先是通过设计，HTML能普遍地访问所有计算机平台,从最强劲的UNIX系统到普遍流行的Windows和Macintosh个人计算机。l第二是HTML容易使用，你不需要输入一系列复杂而深奥的计算机指令，只要使用一列标记来组成文本，使得创造Web

2、页面变得相当简单。HTML的强劲访问能力推动了Web的流行，使数以万计的个人Web站点如雨后春笋般地涌现。l最后一点是HTML使你能在一个Web站点与另一个Web站点之间建立链接。当你用鼠标点到这些链接中的一个时(它可能是一个短语或是一幅图画)你就能轻易跳到其它Web站点上，进入到一个广阔而又在不断发展的互连的和交互的知识库中。2.1.1HTML基本结构l一个HTML文件应具有下面的基本的结构：HTML文件开始文件头开始文件头内容文件头结束文件体开始文件体内容文件体结束HTML文件结束2.1.2HTML常用标签l1.单标签“+字母”l常用单标签：l1)，换行标签，强制文本换行，不在行与行之间增

3、加空行l2)，水平线标签，成一条水平线l2.双标签格式：l1）开始标签“+字母”l2）结束标签“+/+字母”l3）常用双标签简介l注：l表示该标记属围堵标记，即需要关闭标记如。l表示该标记属空标记，即不需要关闭标记。lIE表示该标记只适用于InternetExplorer。lNC表示该标记只适用于NetscapeCommunicator。l反对表示该标记不为W3C所赞同，通常这标记是IE或NC自订，且己为众所支持，只是HTML标准中有其它同功能或更好的选择。l弃用表示该标记己为W3C所弃用，是过时的标记，但HTML具向下兼容的特性，不用担心新浏览器不支援旧标记。l新表示该标记是HTML4.0中

4、新增的。标记类型译名或意义作用备注文件文件标记标记 文件声明让浏览器知道这是HTML文件 开头提供文件整体资讯 标题定义文件标题，将显示于浏览顶端 本文设计文件格式及内文所在排版排版标记标记 说明标记为文件加上说明，但不被显示 段落标记为字、画、表格等之间留一空白行 换行标记令字、画、表格等显示于下一行 水平线插入一条水平线 居中令字、画、表格等显示于中间反对 预设格式令文件按照原始码的排列方式显示 区隔标记设定字、画、表格等的摆放位置 不折行令文字不因太长而绕行 建议折行预设折行部位l字体字体标记标记 加重语气产生字体加粗Bold的效果 粗体标记产生字体加粗的效果 强调标记字体出现斜体效果

5、斜体标记字体出现斜体效果 打字字体Courier字体，字母宽度相同 加上底线加上底线反对 一级标题标记变粗变大加宽，程度与级数反比 二级标题标记将字体变粗变大加宽 三级标题标记将字体变粗变大加宽 四级标题标记将字体变粗变大加宽 五级标题标记将字体变粗变大加宽 六级标题标记将字体变粗变大加宽 字形标记设定字形、大小、颜色反对 基准字形标记设定所有字形、大小、颜色 反对 字体加大令字体稍为加大 字体缩细令字体稍为缩细 画线删除为字体加一删除线反对 程式码字体稍为加宽如 键盘字字体稍为加宽，单一空白 范例字体稍为加宽如 变数斜体效果 传记引述斜体效果 引述文字区块缩排字体 述语定义斜体效果 地址标记

6、斜体效果 下标字下标字 上标字指数（平方、立方等）清清单标记单标记 顺序清单清单项目将以数字、字母顺序排列 无序清单清单项目将以圆点排列 清单项目每一标记标示一项清单项目 选单清单清单项目将以圆点排列，如反对 目录清单清单项目将以圆点排列，如反对 定义清单清单分两层出现 定义条目标示该项定义的标题 定义内容标示定义内容表格表格标记标记 表格标记设定该表格的各项参数 表格标题做成一打通列以填入表格标题 表格列设定该表格的列 表格栏设定该表格的栏 表格标头相等于，但其内之字体会变粗表单标记 表单标记决定单一表单的运作模式 文字区块提供文字方盒以输入较大量文字 输入标记决定输入形式 选择标记建立po

7、p-up卷动清单 选项每一标记标示一个选项图图形形标记标记 图形标记用以插入图形及设定图形属性链链接接 标记标记 链接标记加入连结 基准标记可将相对URL转绝对及指定连结目标排版排版标记标记 框架设定设定框架 框窗设定设定框窗 页内框架于网页中间插入框架IE 不支援框架设定当浏览器不支援框架时的提示多媒体多媒体 背景声音于背景播放声音或音乐IE 多媒体加入声音、音乐或影像其他其他标记标记 走动文字令文字左右走动IE 闪烁文字闪烁文字NC 页内寻找器可输入关键字寻找于该一页反对 开头定义让浏览器知道这是HTML文件 关系定义定义该文件与其他URL的关系影像地图 影像地图名称设定影像地图名称 连结

8、区域设定各连结区域StyleSheet样式表控制网页版面自订标记独立使用或与样式表同用特殊字符调色原理图2-17表单示例202.1.4 XML与XHTML lXML（Extensible Markup Language）即可扩展标记语言，它与）即可扩展标记语言，它与HTML一样，都是一样，都是SGML(Standard Generalized Markup Language，标准通用标记语言，标准通用标记语言)。XML是是Internet环境中跨平台的、环境中跨平台的、依赖于内容的技术，是当前处理依赖于内容的技术，是当前处理结构化文档结构化文档信息的有力工具。信息的有力工具。XML是一种简单的

9、数据存储语言，使用一系列简单的标签描述数据，而是一种简单的数据存储语言，使用一系列简单的标签描述数据，而这些标签可以很方便的建立，虽然这些标签可以很方便的建立，虽然XML占用的空间比二进制数据要占用的空间比二进制数据要占用更多的空间，但占用更多的空间，但XML极其简单并易于掌握和使用。极其简单并易于掌握和使用。lXML是一种元标签语言，没有许多固定的标签，为是一种元标签语言，没有许多固定的标签，为Web开发人员提开发人员提供了更多了灵活性。当使用供了更多了灵活性。当使用HTML时，标签只是简单地表示内容的时，标签只是简单地表示内容的显示形式，而与表示的内容没有任何关联，为文档的进一步处理带显示

10、形式，而与表示的内容没有任何关联，为文档的进一步处理带来极大的不便。来极大的不便。1.XML21比如要表示个人简历，用HTML的表示方式如下（文件名resume.html）：姓名性别出生日期专业张三男1991.8.12软件开发22上述html文件无法从标签、等得知其内容表示什么，如果用XML，相应的文档（文件名resume.xml）就可以写成如下形式：张三男1991.8.12软件开发这里，version规定了XML文档的版本，encoding规定了XML文档的编码类型，此处取值gb2312表示简体中文。对比两个例子，使用XML可以做到自定义标签，用标签表明内容的含义。这就为在网络上交流资料时用

11、计算机处理文档提供了极大的方便，也增加了源文件的可读性。23resumedisplay:block;namedisplay:block;font-size:120%;sexdisplay:block;text-indent:2embirthdaydisplay:block;text-indent:2emmajordisplay:block;text-indent:2em建立文件resume.css后，在个人简历.xml文件的第一行后添加以下文字：当然resume.xml能以表格形式运行的前提是必须自定义好形式，定义其显示形式的文件css文件。另一种方式：定义其显示形式的文件如下（文件名resu

12、me.xsl，在xml文件的第二行引入了该xsl文件）：姓名性别生日专业25lXSL之于之于XML，就像，就像 CSS 之于之于 HTML。它是指可扩。它是指可扩展样式表语言展样式表语言(Extensible Stylesheet Language)，这是一种用于以可读格式呈现这是一种用于以可读格式呈现 XML 数据的语言。有数据的语言。有了了resume.xsl定义显示形式，文件定义显示形式，文件resume.xml在浏在浏览器中显示的形式和览器中显示的形式和resume.xml形式相同（如图形式相同（如图2-18所示），不过它给程序员提供了更大的灵活性，也所示），不过它给程序员提供了更大的

13、灵活性，也更易于数据交换。更易于数据交换。图2-18浏览xml文件262.XHTMLl可扩展超文本标记语言（可扩展超文本标记语言（eXtensible HyperText Markup Language，XHTML），与超），与超HTML类似，不过语法上更加严格。类似，不过语法上更加严格。HTML语法要求比语法要求比较松散，这样对网页编写者来说比较方便，但对于机器来说，语言的语较松散，这样对网页编写者来说比较方便，但对于机器来说，语言的语法越松散，处理起来就越困难，对于传统的计算机来说，还有能力兼容法越松散，处理起来就越困难，对于传统的计算机来说，还有能力兼容松散语法，但对于许多其他设备，比如

14、手机，难度就比较大。因此产生松散语法，但对于许多其他设备，比如手机，难度就比较大。因此产生了由了由DTD定义规则，语法要求更加严格的定义规则，语法要求更加严格的XHTML，XHTML 1.0在在2000年年1月月26日成为日成为W3C的推荐标准。的推荐标准。l和和CSS（Cascading Style Sheets，层叠式样式表）结合后，层叠式样式表）结合后，XHTML能发挥真正的威力；这在实现样式和内容分离的同时，又能有机地组合能发挥真正的威力；这在实现样式和内容分离的同时，又能有机地组合网页代码，在另外的单独文件中，还可以混合各种网页代码，在另外的单独文件中，还可以混合各种XML应用。应用

15、。27XHTMLXHTML与与HTMLHTML的重要区别的重要区别 1在XHTML中标记名称必须小写 2在XHTML中属性名称必须小写3在XHTML中标记必须严格嵌套4在XHTML中标记必须封闭5在XHTML中即使是空元素的标记也必须封闭 6在XHTML中属性值用双引号括起来7在XHTML中属性值必须使用完整形式2.2JavaScript技术lJavaScript是由是由Netscape公司开发的一种网页的脚本编公司开发的一种网页的脚本编程语言，它支持客户端与服务器端的应用程序以及构件的程语言，它支持客户端与服务器端的应用程序以及构件的开发。开发。JavaScript是一种解释性的语言，它的基

16、本结构形是一种解释性的语言，它的基本结构形式与其他编程语言相似，需要先编译后执行。式与其他编程语言相似，需要先编译后执行。什么是JavaScriptlJavaScript是一种脚本语言l提供用户交互l动态更改内容l数据验证将JavaScript嵌入网页 l可以将JavaScript语句插入HTML文档，方式如下：使用标签将语句嵌入文档将JavaScript源文件链接到HTML文档中使用Script标签JavaScript代码document.write(欢迎来到JavaScript世界);尽情享受学习的快乐!脚本代码设置语言使用外部JS文件l外部JavaScript文件可以链接到HTML文档中

17、lSCRIPT标签的SRC（源文件）属性可用于包括此外部文件使用外部JS文件JavaScript 代码代码(test.htm)使用外部文件以上文本是通过访问外部JavaScript文件显示的document.write(喂！你好吗喂！你好吗?)JavaScript 代码代码(test.js)35浏览器对象简介2-1Window窗口对象location地址对象document文档对象FORM表单对象浏览器对象的分层结构window.document.myform.text1l对象对象JavaScript的一个重要功能就是面向对象的功能，的一个重要功能就是面向对象的功能，通过基于对象的程序设计，可

18、以用更直观、模块通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。化和可重复使用的方式进行程序开发。一组包含数据的属性和对属性中包含数据进行操一组包含数据的属性和对属性中包含数据进行操作的方法，称为对象。作的方法，称为对象。l比如要设定网页的背景颜色，所针对的对象就是比如要设定网页的背景颜色，所针对的对象就是document，所用的属性名是，所用的属性名是bgcolor，如，如document.bgcolor=blue，就是表示使背景的颜色为，就是表示使背景的颜色为蓝色。蓝色。3637浏览器对象简介2-2q浏览器对象的分层结构浏览器对象的分层结构变量l变量名必须以字母

19、或下划线（_）开头l变量可以包含数字、从A至Z的大小写字母lJavaScript区分大小写，即变量myVar、myVAR和myvar是不同的变量声明变量 var a;“var”用于声明变量的关用于声明变量的关键字键字“a”变量名变量名同时声明和初始化变量同时声明和初始化变量var a=10;var a=10;a=10;声明变量声明变量声明多个变量声明多个变量var x,y,z=10;var x,y,z=10;赋值赋值声明变量使用变量var x;x=prompt(淘宝网竟拍，请出一口价,1);document.write(拍卖价格+x+)/+用来连接多个字符串document.write(恭喜您

20、，您以最高价拍卖成功！);alert(欢迎下次光临！);定义变量赋值输出prompt(“提示信息”,”默认值”)将弹出提示对话框，接受用户的输入。点击确定返回输入的字符串，点击取消反馈空字符串。变量a、b和c只能在其各自的函数中被访问变量的作用域脚本脚本函数function1局部变量a函数function2局部变量b函数function3局部变量c可由函数1、函数2和函数3访问全局变量gg全局变量不需要以var关键字进行声明，但局部变量则必须以此关键字来声明浮点型浮点型字面量至少必须含有一个数字。此数字可包含小数点或采用科学记数法表示的数字。科学记数法中的整数可以是正整数(+)或负整数(-)，

21、指数(e)表示“十次幂”。例如 10.24、1.20e+22、4E-8、.1815等。常量整型整型浮点型浮点型字符串型字符串型字字 符符说说 明明示示 例例n换行符alert(“这是第一局n这是第二句”)r回车符alert(“这是第一局r这是第二句”)t制表符alert(“这是第一局t这是第二句”)和C语言一样，js也有转义字符，常用的就是：“n”数据类型数据数据类类型型说说 明明示示 例例数字型整数或实数487,25.95逻辑型或布尔型执行逻辑运算true或false字符串型一组字符“Hello”空特殊关键字，表示不存在的值。nullvarx=100;vary;varz;document.w

22、rite(竞拍SONY数码相机600万像素+x+$起价);y=prompt(加多少银子？,1);z=x+y;alert(您最终的出价n+z+$);/”n”用于换行显示Prompt函数返回输入的字符串“+”号的用法-110020?bug+字符串相连：100+”200”200varx=100;vary;varz;document.write(竞拍SONY数码相机600万像素+x+$起价);y=prompt(加多少银子？,1);z=x+parseFloat(y);alert(您最终的出价n+z+$);/”n”用于换行显示parseFloat()函数将字符串转换为float数据parseInt()函数

23、将字符串转换为int数据如果转换失败，返回NaN值(notanumber)“+”号的用法-2运算符l运算符对一个或多个变量或值（操作数）进行运算，并返回一个新值l根据所执行的运算，运算符可分为以下类别：算术运算符比较运算符逻辑运算符运算符运算符说明示例+加a=5+8-减a=8-5/除a=20/5*乘a=5*19%取模两个数相除的余数10%3=1+一元自加。该运算符带一个操作数，将操作数的值加1。返回的值取决于+运算符位于操作数的前面或是后面将返回x 自加运算后的值。x+将返回x自加运算前的值-一元自减。该运算符只带一个操作数。返回的值取决于-运算符位于操作数的前面或是后面-x将返回 x自减运算

24、后的值。x-将返回 x自减运算前的值算术运算符-1实现步骤：1.使用DreamWeaver设计页面2.指定各个文本框的名称3.切换为代码视图，编写脚本代码4.浏览并调试num1num2resultfunctioncalcu()varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;计算总价并显示添加单击事件，单击按钮时调用“calcu()”函数算术运算符-2获取

25、表单中输入的数据：document.表单名.表单元素名.value定义calcu()计算函数,实现两个数相乘的功能.定义函数的语法：function函数名(参数列表)/JavaScript语句；比较运算符比较运算符2-1运算符运算符说说 明明示示 例例=等于。如果两个操作数相等，则返回真。a=b!=不等于。如果两个操作数不相等，则返回真。Var2!=5大于。如果左边的操作数大于右边的操作数，则返回真。Var1 var2小于。如果左边的操作数小于右边的操作数，则返回真。Var2 var1=小于等于。如果左边的操作数小于或等于右边的操作数，则返回真。Var2=4Var2=大于等于。如果左边的操作数

26、大于或等于右边的操作数，则返回真。Var1=5Var1=var2functioncalcu()varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;if(total500)alert(购买总价超过500n支付时将赠送超级Q币2枚！);.其他代码略，同上例比较运算符购买总价超过500，赠送超级Q币2枚！运算符逻辑运算符运算符运算符值值说说 明明与(&)expr1

27、&expr2只有当expr1和expr2同为真时，才返回真。否则，返回假。或(|)expr1|expr2如果其中一个表达式为真，或两个表达式同为真，则返回真。否则，返回假。非(!)!expr如果表达式为真，则返回假。如果为假，则返回真。functioncalcu()varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;if(total500)&(total10

28、00)&(total2000)alert(购买总价超过2000n请直接与贵宾台联系！);.其他代码略，同上例逻辑运算符5001000之间，赠送超级Q币两枚；10002000之间，赠送IBM智能鼠标一只；2000以上，直接与贵宾台联系。条件语句用于测试条件。if(条件)JavaScript代码;语法：语法：if语句2-1如果要执行多个语句，必须将这些语句放在一对大括号()内。但如果只要执行一个语句，则可以省略大括号functioncalcu()varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;if(numb1!

29、=)&(numb2!=)vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;if(total500)&(total1000)&(total2000)alert(购买总价超过2000n请直接与贵宾台联系！);.其他代码略，同上例If语句2-2如果输入框中的数据用户漏填了，出现NaN的bug为什么呢?ifelse语句2-1if(条件)/JavaScript代码;else/JavaScript代码;语法：语法：functioncalcu()varnumb1=document.calc.num1.v

30、alue;varnumb2=document.calc.num2.value;if(numb1!=)&(numb2!=)vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total;if(total500)&(total1000)&(total2000)alert(购买总价超过2000n请直接与贵宾台联系！);elsealert(购买数量或竞拍价格没有填写n请重新输入！);If-else语句2-2提示没有填写购买数量或者竞拍价格?if(条件1)if(条件2)/JavaScript代码;语法：语法：嵌套

31、if语句2-1functioncalcu()varnumb1=document.calc.num1.value;varnumb2=document.calc.num2.value;if(numb1!=)&(numb2!=)if(parseFloat(numb1)0)alert(竞拍价格不能小于零！n请重填);return;/函数返回，不再执行后面的代码if(parseFloat(numb2)0)alert(购买数量不能小于零！n请重填);return;vartotal=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=

32、total;.嵌套If语句2-2购买数量无意中输入负数，出现bug怎么办?switch语句2-1switch(表达式)case常量1:JavaScript语句;break;case常量2:JavaScript语句;break;.default:JavaScript语句;语法：语法：switch语句2-2.varf=document.calc.pay.value;/支付方式代号vargrade;/折扣率vartotal=parseFloat(numb1)*parseFloat(numb2);switch(parseInt(f)case1:grade=0.6;/打6折优惠break;case2:.

33、同理其他方式打7折、八折case4:grade=0.9;/打9折优惠break;default:alert(请重新选择支付方式！);return;varmoney=total*grade;/根据折扣率，计算实际总价document.calc.result.value=money;alert(您享受了+grade*10+折优惠！);.银行转帐打6折电话支付打7折邮政汇款打8折Q币支付打9折下拉列表框pay的选项和值JavaScript核心语言对象目标l使用数组l使用循环语句控制应用程序l创建自定义函数 l理解JavaScript对象l使用String、Math和Date等对象数组4-1l声明数组

34、 var 数组名数组名 =new Array(数组大小数组大小););例：例：var emp=new Array(3)l添加元素 emp0=“AA;emp1=“BB;emp2=“CC;AABBCCemp 也可以声明数组并赋初值：例：例：var emp=new Array(“AA”，“BB”，“CC”)；使用数组varemp=newArray(3);emp0=RyanDias;emp1=GrahamBrowne;emp2=DavidGreene;document.write(数组emp中的数据为:);document.write(emp0+);document.write(emp1+);docu

35、ment.write(emp2+);数组4-2数组 4-3 l常用属性 length：返回数组中元素的个数l常用方法方方 法法说说 明明join将数组中的元素组合成字符串reverse颠倒数组元素的顺序，使第一个元素成为最后一个，而最后一个元素成为第一个sort对数组元素进行排序varemp=newArray(3);emp0=RyanDias;emp1=GrahamBrowne;emp2=DavidGreene;emp.sort();document.write(“排序结果是：);document.write(emp0+);document.write(emp1+);document.writ

36、e(emp2+);数组排序 4-2 循环lfor循环ldo-whilelwhile For循环演示document.write(打印金字塔直线);for(vari=0;i100;i=i+5)document.write();qfor循环例：vari;for(i=0;i10;i+)/语句;for循环如何实现当i=5时，.myfont font-size:150;color:#c99c96;font-family:Webdings /产生埃及图像的特殊字体产生埃及图像的特殊字体 document.write(每个字符都对应一个漂亮的埃及图像每个字符都对应一个漂亮的埃及图像);do var c=pr

37、ompt(输入一个字符，输入输入一个字符，输入N 或或n停止停止,A);document.write(+c+);while(c!=N&c!=n);qwhile循环while(循环条件)/语句；qdowhile循环do/语句；while(循环条件);while和dowhile循环先执行，后判断循环条件先执行，后判断循环条件输入一个字符，直到N停止，用哪个循环JavaScript函数内置函数内置函数 leval函数：用于计算字符串表达式的值lisNaN函数：用于验证参数是否为NaN（非数字）JavaScript代码varstr1=prompt(“输入一个表达式，我给您计算,1+1);varresu

38、lt=eval(str1);document.write(str1+=+result);varx=prompt(输入一些数据,0);if(isNaN(x)alert(x+不是一个数字);elsealert(x+是一个数字);自定义函数l定义函数：function函数名(参数1,参数2，)语句;l调用函数：函数调用一般和表单元素的事件一起使用，调用格式为：事件名“函数名”;functionsum(one,two)varresult=one+two;returnresult;表示单击此按钮时，调用函数sum()执行函数的应用num1num2result定义函数JavaScript代码functio

39、ncompute(op)varnum1,num2;num1=parseFloat(document.myform.num1.value);num2=parseFloat(document.myform.num2.value);if(op=+)document.myform.result.value=num1+num2;if(op=-)document.myform.result.value=num1-num2;if(op=*)document.myform.result.value=num1*num2;if(op=/&num2!=0)document.myform.result.value=n

40、um1/num2;定义函数compute()，完成计算的功能。op参数代表运算符号调用函数第一个数第二个数计算结果JavaScript对象简介2-1l对象是属性和/方法的组合l属性是对象所拥有的一组外观特征，一般为名词l方法是对象可以执行的功能，一般为动词例如：汽车Ferrari对象：汽车属性：型号：法拉利颜色：绿色方法：前进、刹车、倒车JavaScript对象简介2-2q三类对象三类对象 浏览器对象浏览器对象浏览器对象浏览器对象 脚本对象脚本对象脚本对象脚本对象 HTML HTML 对象对象对象对象 l浏览器窗口windowl文档documentlurl地址等lString字符串对象lDat

41、e日期对象lMath数学对象等各种HTML标签:l段落l图片l超链接等String对象3-1创建字符串有两种不同方法：l使用var语句var newstr=“这是我的字符串这是我的字符串l创建String对象var newstr=new String(“这是我的字符串这是我的字符串)String对象3-2名名 称称说说 明明属性length返回字符串的长度 方法big()增大字符串文本 blink()使字符串文本闪烁（IE 浏览器不支持）bold()加粗字符串文本 fontcolor()确定字体颜色 italics()用斜体显示字符串 indexOf(“子字符串”，起始位置)查找子字符串的位置

42、strike()显示加删除线的文本 sub()将文本显示为下标 toLowerCase()将字符串转换成小写 toUpperCase()将字符串转换成大写 语法：indexOf(“查找的子字符串”，查找的起始位置)返回子字符串所在的位置，如果没找到，返回1例如：varxvary=“abcdefg”;x=y.indexOf(“c”,0);/返回结果为2，起始位置是0functioncheckEmail()vare=document.myform.email.value;if(e.length=0)/检测长度是否为0，即是否为空alert(电子邮件不能为空!);return;if(e.indexO

43、f(,0)=-1)/检测是否包含”符号alert(电子邮件格式不正确n必须包含符号！);return;if(e.indexOf(.,0)=-1)/检测是否包含”.”符号alert(电子邮件格式不正确n必须包含.符号！);return;document.write(恭喜您！，注册成功！欢迎进入古城热线！);检查电子邮件emailemail是否包含“”和”.”String对象3-3返回结果-1表示没找到“”字符Math对象2-1名称名称 说说 明明属性PI的值，约等于3.1415LN1010的自然对数的值，约等于2.302EEuler的常量的值，约等于2.718。Euler的常量用作自然对数的底数

44、abs(y)返回y的绝对值sin(y)返回y的正弦，返回值以弧度为单位。cos(y)返回y的余弦，返回值以弧度为单位tan(y)返回y的正切，返回值以弧度为单位min(x,y)返回x和y两个数中较小的数max(x,y)返回x和y两个数中较大的数random返回0-1的随机数方法round(y)四舍五入取整sqrt(y)返回y的平方根Math.random()：产生：产生01的随机小数的随机小数Math.round()：四舍五入取整，如：四舍五入取整，如9.34 取整为取整为9自动刷新document.write(2秒自动刷新，随机显示图片);vari=0;i=Math.round(Math.r

45、andom()*8+1);document.write();Math对象2-2假定随机产生的数字i=3，上述代码即为：显示第三幅图片（3.jpg）如何实现每隔2秒刷新网页Math.round(Math.random()*8+1)产生1-9的数字Date对象10-1lDate对象存储的日期为自1970年1月1日00:00:00以来的毫秒数var日期对象=newDate(年、月、日等参数)例：varmydate=newDate(“July29,1998,10:30:00”)如果没有参数，表示当前日期和时间例：vartoday=newDate()Date对象10-2lData方法的分组：方法分方法分

46、组组说说 明明 setxxx这些方法用于设置时间和日期值getxxx 这些方法用于获取时间和日期值Toxxx这些方法用于从 Date对象返回字符串值parsexxx&UTCxx这些方法用于解析字符串Date对象10-3l用作Date方法的参数的整数：值值整整 数数 Seconds 和和 minutes0 至至 59 Hours0 至至 23 Day0 至至 6（星期（星期几）几）Date1 至至 31（月份中的天数）（月份中的天数）Months0 至至 11（一月（一月至十二月）至十二月）Date对象10-4lSet方法：方法方法说说明明setDate设置Date对象中月份中的天数，其值介于1

47、至31之间。setHours设置Date对象中的小时数，其值介于0至23之间。setMinutes设置Date对象中的分钟数，其值介于0至59之间。setSeconds设置Date对象中的秒数，其值介于0至59之间。setTime设置Date对象中的时间值。setMonth设置Date对象中的月份，其值介于1至12之间。Date对象10-5lGet方法：方法方法说说明明getDate返回Date对象中月份中的天数，其值介于1至31之间getDay返回Date对象中的星期几，其值介于0至6之间getHours返回Date对象中的小时数，其值介于0至23之间getMinutes返回Date对象中的

48、分钟数，其值介于0至59之间getSeconds 返回Date对象中的秒数，其值介于0至59之间getMonth返回Date对象中的月份，其值介于0至11之间getFullYear返回Date对象中的年份，其值为四位数getTime返回自某一时刻（1970年1月1日）以来的毫秒数Date对象10-6方方 法法说说 明明 ToGMTString使用格林尼治标准时间(GMT)数据格式将Date对象转换成字符串表示ToLocaleString使用当地时间格式将Date对象转换成字符串表示lTo方法：lParse方法和UTC方法方方 法法说说 明明Date.parse(date string)用日期字

49、符串表示自1970年1月1日以来的毫秒数Date.UTC(year,month,day,hours,min.,secs.)Date对象中自1970年1月1日以来的毫秒数varnow=newDate();varhour=now.getHours();if(hour=0&hour12&hour18&hour24)document.write(晚上好!);document.write(今天日期:+now.getYear()+年“+(now.getMonth()+1)+月+now.getDate()+日);document.write(现在时间:+now.getHours()+点+now.getMin

50、utes()+分);Date对象10-7如何实现获得当前日期和时间获得小时，即当前是几点判断上午、下午还是晚上月份数字011，注意1Date对象10-8lsetTimeout的用法：setTimeout（“调用的函数”,”定时的时间”）例：varmyTimesetTimeout（”disptime()”,1000）;clearTimeout（myTime）;本例的时间可以采用定时显示，使用定时器函数，每隔1秒调用disptime()函数显示时间每隔1000毫秒调用函数disptime()执行关闭定时器Date对象10-8JavaScript 代码functiondisptime()vartim