第三章Web开发基础

第三章Web开发基础西南科技大学网络教育系列课程动态网页设计（JSP）动态网页设计（JSP）（HyperTextMarkupLanguage，超文本标识语言）是一种标记语言，它可以用于格式化文本信息。HTML是一种处理文字的语言，它包含的指令（标记）可以插入到未定格式的文件里，用来控制打印或执行浏览器显示时的网页外观。动态网页设计（JSP）上确切的位置来标识资源的规范。URL的语法依赖于具体应用所使用的协议，URL有两种常见的格式：protocol://host[:port]/pathprotocol://username:password@host[:port]/path其中protocol为具体应用所使用的协议，如http、ftp、gopher、file等。host为主机名，port为端口号，path为路径名，username为用户名，password为口令。下面列举一些常见协议的url的基本格式：http的url语法：[:port]/filename[?query_string][#section]动态网页设计（JSP）标记用“”和“”括起来，中间为标记名HTMLHEADTITLE/TITLE/HEADBODY/BODY/HTML其中HTML在最外层，表示这对标记间的内容是HTML文档。我们还会看到一些Hompage省略HTML标记，因为.html或.htm文件被Web浏览器默认为是HTML文档。HEAD之间包括文档的头部信息，如文档总标题等，若不需头部信息则可省略此标记。BODY标记一般不省略，表示正文内容的开始。动态网页设计（JSP）=“1.jpgWIDTH=200HEIGHT=100BORDER=10属性：src;width;height;hspace;vspace;border;align;alt;lowsrc动态网页设计（JSP）(HypertextLink)链接可以说是html超文本文件的命脉，html通过链接标记来整合分散在世界各地的图、文、影、音等信息。此类标记的主要用途为标示超文本文件链接ahref=“目标URL”target=“结果窗口”超链接显示的文本内容/a动态网页设计（JSP）标记表格标记(TableTags)此类标记用制作表格。主要有：table.../table:定义表格区段。caption.../caption:表格标题。th.../th:表头。tr.../tr:表格列。td.../td:表格单元格。动态网页设计（JSP）标记表单标记(FormTags)此类标记用来制作交互式表单，主要的有：Form.../form:表明表单区段的开始与结束。input:产生单行文本框、单选按钮、复选框等。textarea.../textarea:产生多行输入文本框。select.../select:标明下拉列表的开始与结束。动态网页设计（JSP）=TextNAME=UserIDINPUTTYPE=PasswordNAME=UserPWDINPUTTYPE=SubmitVALUE=提交NAME=B1INPUTTYPE=ResetVALUE=重写NAME=B2TYPE参数值的变化区分辨别域的变化。其他属性：value；align;size；maxlengthchecked动态网页设计（JSP）=TEXT用于单行文本输入域；NAME:指定表单域的名称；MAXLENGTH:限制可进入文本输入域的字符数；SIZE:指明输入域显示空间大小；VALUE:域的初始值。INPUTTYPE=PASSWORD：也是一个文本域，输入时它的值是隐藏的。动态网页设计（JSP）=CHECKBOX：多选择域,用一组同名参数表示一个多选择域。参数：NAME:符号名称；VALUE:标记的域值；CHECKED:初始状态为ON。INPUTTYPE=RADIO：单选择域，用一组同名参数表示一个单选择域。动态网页设计（JSP）=SUBMIT：表示浏览器提交表单的输入内容，通常是一个按键，将提交Form表单输入的数据给Web服务器。INPUTTYPE=RESET：表示浏览器把表单域重置在初始状态，通常是一个按键，动态网页设计（JSP）=GET如果表单简单，提交的数据很少且安全性不太高，采用GET方法较好，它可以使用最简单方式传送数据。METHOD=POSTPOST方式输入的请求串长度不受限制，并且在浏览器的请求地址内看不到输入内容。动态网页设计（JSP）脚本语言，所谓的脚本语言就是可以和HTML语言混合使用的语言。JavaScript是一种高级的脚本描述性语言，并不需要依赖于特定的机器和操作系统，所以说它是独立于操作平台的。动态网页设计（JSP）作用：使得网页交互性更强，更生动灵活SCRIPTLANGUAGE=JavaScriptJavaScript代码…./SCRIPT动态网页设计（JSP）动态网页设计（JSP）失去焦点（text,textarea,select）onLoad载入文件onUnload卸载文件动态网页设计（JSP）中主要通过窗体对象(Form)与JavaScript进行信息交互。窗体对象(Form)构成了Web页面的基本元素。窗体对象(Form)中的基本元素由按钮、单选按钮、复选按钮、提交按钮、重置按钮、文本框等组成。Form元素的方法、事件与属性在表中有详细描述。每个元素要通过该元素的属性或方法才能引用。动态网页设计（JSP）()失去焦点select()加亮文字事件onFocus获得焦点时产生onBlur失去焦点时产生onSelect文字被加亮显示后产生onchange值改变时产生动态网页设计（JSP）交互实例动态网页设计（JSP）交互实例部分源代码：判断用户输入的数据是否合法：if(form1.username.value==){alert(用户名不能为空，请输入用户名！);form1.username.focus();returnfalse;}动态网页设计（JSP）交互实例部分源代码：密码与确认密码必须一致if(form1.userpassword.value!=form1.reuserpassword.value){alert(密码与确认密码不同);form1.userpassword.focus();returnfalse;}动态网页设计（JSP）交互实例部分源代码：判断E-mail输入是否合法：for(i=0;iform1.email.value.length;i++)if(form1.email.value.charAt(i)==@)break;if(i==form1.email.value.length){alert(非法EMail地址！);form1.email.focus();returnfalse;}