JavaWeb程序设计 课件 ch03 JavaScript 基础、ch04 JSP 基本语法

第3章JavaScript基础本课教学内容JavaScript简介JavaScript内置对象JavaScript简介JavaScript是一种网页脚本语言，虽然名字中含有Java，但它与Java语言是完全两种不同的语言。不过，JavaScript的语法与Java语言的语法非常类似

JavaScript简介JavaScript代码可以很容易地嵌入到HTML页面中。浏览器对JavaScript脚本程序进行解释执行。第一个JavaScript程序JavaScript与Java一样，对大小写是敏感的在JavaScript中，注释有三种写法：一种是HTML注释的写法：<!—注释内容-->，还有两种和Java语言相同，分别为："//单行注释"和"/*多行注释*/"第一个JavaScript程序除了可以将JavaScript代码嵌入HTML中之外，还可以专门将JavaScript代码写在单独的文件中：

window.alert("第一个JavaScript程序"); 然后在另外的HTML页面中插入：

<scriptsrc="code.js"type="text/javascript"></script>

来导入该文件JavaScript语法变量定义JavaScript中的变量为弱变量类型，即变量的类型根据它被赋值的类型改变，定义一个变量使用的格式为："var变量名"，比如定义变量arg，就可以使用"vararg"；如果将一个字符串赋给它，它就是String类型，如果将一个数组赋给它，它的类型也就是数组类型需要注意的是，JavaScript中变量未声明就使用是不会报错的，但很容易出现不可预知的错误，所以建议所有变量先声明后使用。JavaScript语法变量定义JavaScript语法函数定义JavaScript中定义一个函数的基本格式是： function函数名(参数列表){ return值; } 也可以在使用中直接匿名定义： vararg1=function(参数列表){ return值; }JavaScript内置对象除了在代码里面进行简单的编程之外，我们还可以通过JavaScript提供的内置对象来对网页进行操作，内置对象由浏览器提供，可以直接使用，不用事先定义。比如，在上例中的window.alert("第一个JavaScript程序")，其中window就是一个内置对象JavaScript内置对象使用最多的内置对象有四个，并且之后的学习也将主要围绕着四个对象展开： window：负责操作浏览器窗口，负责窗口状态，开闭等 document：负责操作浏览器载入的文档(HTML文件)。它从属于window history：可以代替后退(前进)按钮访问历史记录，从属于windowlocation：访问地址栏，也是从属于windowwindow对象window对象的作用有如下几个：出现提示框window对象可以跳出提示框。主要有如下功能：window.alert("内容")：出现消息框window.confirm("内容")：出现确认框mpt("内容")：出现输入框window对象window对象的作用有如下几个：打开、关闭窗口 window.open()在网页制作中使用非常广泛，参数有3个，第1个是新窗口的地址，第2个是新窗口名称，第3个是新窗口状态，其中新窗口状态的属性可设置的有： toolbar：是否有工具栏，可选1和0 location：是否有地址栏，可选1和0 status：是否有状态栏，可选1和0

window对象window对象的作用有如下几个：打开、关闭窗口 menubar：是否有菜单条，可选1和0 scrollbars:：是否有滚动条，可选1和0 resizable:：是否有可改变大小，可选1和0 width,height：窗口的宽度和高度，用像素表示 left，top：窗口左上角相对于桌面左上角的x和y坐标。 各属性值用逗号隔开。如：

newWindow=window.open("window1.html","new1", "toolbar=0,width=300,height=300,top=500,left=500");

window对象window对象的作用有如下几个：定时器window对象负责管理和控制页面的定时器，定时器的作用是让某个函数隔一段时间之后运行一次，格式为：

timer=window.setTimeout("需要运行的函数","时间(用毫秒计)");如果要清除定时器，则可以：

clearTimeout(timer);history对象history对象包含用户的浏览历史等信息，用到这个对象的原因，是因为它可以代替后退(前进)按钮访问历史记录，该对象从属于window。history对象history最常用的函数为：history.back()：返回上一页，相当于点了浏览器上的后退按钮history.forward()：返回下一页，相当于点了浏览器上的前进按钮window.history.go(n)：n为整数，正数表示向前进n格页面，负数表示向后退n格页面document对象document对象从属于window，其功能如下：在网页上输出writeln()函数为输出一些简单却重复的代码提供很大的便利，在下面一个例子中，将要使用表格显示出一个8*8的国际象棋棋盘，正常的方法需要写一个8行8列的表格代码，那样会使源代码非常的冗长，借助writeln()和循环方法，省去了很多HTML代码的编写。document对象document对象document对象从属于window，其功能如下：设置网页的属性document可以进行一些简单网页属性的设置，如网页标题、颜色等，并且可以得到网页的某些属性，如当前地址。比较常用的有：通过document.title来访问标题，通过document.location来获取网页当前的地址document对象document对象从属于window，其功能如下：访问文档元素，特别是表单元素document可以访问文档中的元素(如图片、表单、表单中的控件等)，前提是元素的name属性是确定的。访问方法为：document.元素名.子元素名。比如，名为form1的表单中有一个文本框account，其中的内容可以用如下代码获得：

varaccount=document.form1.account.value;

location对象location对象可以访问浏览器地址栏，也是从属于window，最常见功能就是跳转到另一个网页。跳转的方法就是修改location的href属性。如：window.location.href=”page.html”location对象location对象另一个比较常见的应用是定时跳转。需要结合window的定时器使用。具体代码见课本示例。本章结束本章总结JavaScript简介JavaScript内置对象上机习题第4章JSP基本语法本课教学内容第一个JSP页面注释jsp表达式、程序段和声明URL传值jsp指令和动作第一个JSP页面JSP属于动态网页，动态网页随时都可以遇到。当在google上输入关键词，如"Java"时，提交搜索，google能够将所有与Java有关的搜索结果呈现在页面上。此时，google在服务器端进行了一次搜索工作，这次搜索工作显然不可能是人工完成的，人工不可能在几秒的时间之内，搜索到成千上万的结果。因此，搜索过程是程序完成的，程序进行了查询数据库的操作。HTML不能够查询数据库，Java代码却访问数据库。因此，在HTML代码中间混合Java代码，就能够让网页拥有动态的功能。而嵌入了Java代码的网页，就是JSP。JSP与HTML区别JSP和HTML有什么区别？

HTML页面是静态页面，也就是事先由用户写好放在服务器上，由Web服务器向客户端发送。JSP页面是由JSP容器执行该页面的Java代码部分，然后，实时生成的HTML页面，因而说其是服务器端动态页面。JSP与JavaScript区别页面效果，用JavaScript也能够实现，有何区别？最大的区别是：JavaScript源代码是被服务器发送到客户端，由客户端执行，因此，客户端可以看到JavaScript源代码；而Java代码却不会。注释JSP注释可以分为两类：一类是能发送给客户端，可以在源代码文件中显示出其内容。主要是以HTML注释语法出现。格式为：<!--注释内容-->注释另一类是不能发送给客户端的，也就是说不会在客户端的源代码文件中显示其内容，仅提供给程序员阅读的，分为两种：

JSP注释语法:<%--注释内容--%>Java代码注释：//注释内容 /*注释内容*/表达式JSP表达式的作用是定义JSP的一些输出。表达式基本语法如下所示： <%=变量/返回值/表达式%>JSP表达式的作用是将其里面内容所运算的结果输出到客户端表达式例：“<%=msg%>”是JSP表达式，即将msg内容输出给客户端。等价于“<%out.print(msg);%>”。表达式使用JSP表达式，需要注意几个细节：JSP表达式中不能用";"结束在JSP表达式中不能出现多条语句JSP表达式的内容一定是字符串类型，或者能通过toString()函数转换成字符串的形式

*详细代码示例见课本程序段如果需要在JSP程序中既要输出数据，也要实现定义变量等一系列复杂的逻辑操作，表达式是不能满足要求的，这时候需要JSP程序段。实际上，JSP程序段就是插入到JSP程序的Java代码段。程序段JSP程序段的用法如下：

<%Java代码%>不能在JSP程序段中定义方法。JSP中可以放入HTML，也可以放入JSP程序段和JSP表达式，可以灵活地混合使用。JSP声明JSP中提供了声明，JSP声明中可以定义网页中的全局变量，这些变量在JSP页面中的任何地方都能够使用。在实际的应用中，方法、页面全局变量、甚至类的声明都可以放在JSP声明部分。JSP声明使用方法如下：

<%!代码%>可以看到其与JSP程序段的用法相似(只是多了一个感叹号)，但功能却有所不同。在JSP程序段中定义的变量只能先声明后使用。而JSP声明中定义的变量是网页级别的，系统会优先执行，也就是说使用JSP声明可以在JSP的任何地方定义变量。JSP声明使用JSP声明时，要注意：在JSP声明中，只能定义，不能实现控制逻辑。如：不能在其中使用out.println作输出操作。URL传值HTTP是无状态的协议。Web页面本身无法向下一个页面传递信息，如果需要让下一个页面得知该页面中的值，除非通过服务器。Web页面之间传递数据，是Web程序的重要功能，其流程如图：URL传值客户端页面1输入guokehua客户端页面2显示guokehuaP2发送guokehua响应服务器URL传值URL，通俗地说，就是网址。如：http://localhost:8080/Prj04/page.jsp，表示访问项目Prj04中的page.jsp，但是还可以在该页面后面给出一些参数，格式是，在原url后面添加：

?参数名1=参数值1&参数名2=参数值2&……如：http://localhost:8080/Prj04/page.jsp?m=3&n=5表示访问http://localhost:8080/Prj04/page.jsp，并给其传送参数m，值为3，参数n，值为5。URL传值在http://localhost:8080/Prj04/page.jsp中获得m和n的方法是：<%//获得参数m，赋值给strStringstr=request.getParameter("m");%>URL传值URL传值的局限性：传输的数据只能是字符串，对数据类型具有一定限制传输数据的值会在浏览器地址栏里面被看到， 秘密性要求很严格的数据(如密码)，不应该用URL方法来传值URL传值URL传值的优势： 简单性和平台支持的多样性(没有浏览器不支持URL)，很多程序还是用URL传值比较方便JSP指令和动作JSP指令告诉JSP引擎对JSP页面如何编译，不包含控制逻辑，不会产生任何可见的输出。其用法如下：

<%@指令类别属性1="属性值1"属性n="属性值n"%>*注意，属性名大小写是敏感的JSP指令和动作JSP包含三个指令：page、include和taglib。其中，使用最多的是page指令和include指令JSP指令page指令的作用有：导入包：<%@pageimport="包名.类名"%>设定字符集：

<%@pagepageEncoding="编码类名"%>JSP指令page指令的作用有：设定错误页面：

在发生异常的页面上写：<%@pageerrorPage="anErrorPage.jsp"%>

在anErrorPage.jsp页面上写：<%@pageisErrorPage="true"%>JSP指令page指令的作用有：设定MIME类型和字符编码:<%@pagecontentType="MIME类型;charset=字符编码"%>JSP指令在实际的应用开发中经常会遇到这样的情况：在项目的每一个页面底下都需要显示公司的地址和图标信息。显然，不可能在每一个网页都编写一次显示该信息的代码。为了保证代码重用，可以使用include指令解决该需求。JSP指令include指令可以在JSP程序中插入多个外部文件，这些文件可以是JSP、HTML或者Java程序，甚至是文本。编译时，include指令就会把相应的文件包含进主文件。其语法格式如下：<%@includefile="文件名"%>JSP动作JSP动作指使用XML语法格式的标记来控制服务器的行为。其用法如下:<jsp:动作名属性1="属性值1"属性n="属性值n"/><jsp:动作名>相关内容</jsp:动作名>

JSP动作JSP动作包括：1.jsp:include：当页面被请求的时候引入一个