一.HTML
1.JSP程序是在HTML中的合适位置插入Java代码;
2.B/S模式下的Web程序与客户的交互通过客户端的HTML表单<form>提交信息,在客户端采用JavaScript对客户的信息数据进行验证,响应用户事件;掌握Web信息交互的方法至关重要;
3.HTML是一种描述网页的标记语言,已经有文本,HTML用于如何将文本格式化,HTML用于定义网页中的文本和图形的格式,以及指向其他网页的连接;
4.HTML的结构
(1)包括文档头<head>包括标题以及导入样式表信息</head>和文档体<body></body>
(2)<html></html> <head></head> <body></body> <p></p>段落标记 <hr></hr>水平线标记 <a></a> 链接标记 <img></img>图形标记 <table></table>表格标记 <tr></tr>新的一行 <td></td>新的一个单元格
(3)<form></form> 表单标记,其他表单标记在其内才有效
表单可以和JavaScript进行交互
在Web应用中,HTML通过表单与网页动态程序(JSP)交互,
参数action指定处理该表单数据的程序所在的位置
参数method表明传送资料的方式 POST(传送大量资料) GET
主要的表单标记有
<input> type类型 Text radio checkbox password submit
二. JavaScript
1.一种脚本语言,结构简单,代码可以直接放入HTML文档中,可以在支持JS的浏览器中直接运行,不需要Web 服务器,javaScript编写的程序可以捕获事件,并对事件作出反应,使得网页的交互性更强。
三. Web 信息交互
HTML中通过Form与JS进行信息交互
Form是窗体对象,一个Web页面可以有一个窗体或者几个窗体,窗体对象可以直接访问Web页面中的窗体,Form对象可以直接访问Web页面中的窗体
Form窗体对象的基本元素:test,select,button,checkbox,radio,hidden,password,submit等构成,在JS中要访问这些基本元素,必须通过对应窗体元素名来实现,每一个元素都要通过该元素的属性或者方法才能引用,不能够直接用窗口加元素名就引用了
HTML通过表单与JSP程序代码进行交互,向服务器提交信息,服务器根据用户提交的信息作出相应,主要使用JSP中的response,request对象
四. 在客户端和服务器端分别对用户数据进行验证
JS的代码非常简单,在客户端浏览器中就可以解析执行
但是有的浏览器禁用脚本执行,直接通过URL将表单数据提交目标页面,从而绕开JS的脚本验证,会带来安全隐患