BlogJava-march alex's blog-随笔分类-Java Web

JSP的基本构成

marchalex — Tue, 24 Mar 2015 06:03:00 GMT

<%@ page language="java" contentType="text/html;charset=gb2312" %>
<%@ page import="java.util.Date" %>

<html>
    <head><title>JSP页面的基本构成title>head>
    <body>
        <center>

    <% String today = new Date().toLocaleString(); %>

    今天是：<%=today %>

        center>
    body>
html>

JSP中的指令标识：利用JSP指令可以使服务器按照指令的设置来执行和设置在整个JSP页面范围内有效的属性。

HTML标记语言：HTML标记在JSP页面中作为静态的内容，浏览器将会识别这些HTML标记并执行。

嵌入的Java代码片段：通过向JSP页面中嵌入Java代码，可以使页面生成动态的内容。

JSP表达式：JSP表达式主要用于数据的输出。它可以向页面输出内容以显示给用户，还可以用来动态地指定HTML标记中属性的值。

marchalex 2015-03-24 14:03 发表评论

JavaScript的window对象跳转示例

marchalex — Tue, 24 Mar 2015 05:35:00 GMT

功能：通过按钮打开一个新窗口，并在新窗口的状态栏中显示当前年份。

（1）在主窗口中应用以下代码添加一个用于打开一个新窗口的按钮：

（2）创建一个新的JSP文件，名称为newWindow.jsp，在该文件中添加以下用于显示当前年份的代码：

marchalex 2015-03-24 13:35 发表评论

JavaScript事件

marchalex — Tue, 24 Mar 2015 02:58:00 GMT

1.事件概述

JavaScript与Web页面之间的交互时通过用户操作浏览器页面时触发相关事件来实现的。例如：

在页面载入完毕时，将处罚load（载入）事件；

当用户单击按钮时，将触发按钮的click事件等。

用户响应某个事件而执行的处理程序称为事件处理程序。例如：

当用户单击按钮时，将触发按钮的事件处理程序onClick。

事件处理程序的两种分配方式

（1）在JavaScript中分配事件处理程序

例：

<img src="http://gi3.md.alicdn.com/bao/uploaded/i3/TB1tlxaHpXXXXXtaXXXXXXXXXXX_!!0-item_pic.jpg_430x430q90.jpg" id="aimage">
<script language="javascript">
var img = document.getElementById("aimage");
img.onclick = function() {
alert('单击了图片');
}

在页面中加入上面的代码并运行，则当单击图片aimage时，将弹出“单击了图片”对话框。

在JavaScript中分配时间处理程序时，事件处理程序名称必须小写，才能正确响应事件。

（2）在HTML中分配事件处理程序

例：

2.事件类型

UI事件：如load、unload、error、resize、scroll、select、DOMActive，是用户与页面上的元素交互时触发的。

焦点事件：如blur、DOMFocusIn、DOMFocusOut、focus、focusin、focusout，在元素获得或失去焦点的时候触发，这些事件当中，最为重要的是blur和focus，有一点需要引起注意，这一类事件不会发生冒泡！

鼠标与滚轮事件：如click、dblclick、mousedown、mouseenter、mouseleave、mousemove、mouseout、mouseover、mouseup，是当用户通过鼠标在页面执行操作时所触发的。

滚轮事件：mousewheel（IE6+均支持）、DOMMouseScroll（FF支持的，与mousewheel效果一样）。是使用鼠标滚轮时触发的。

文本事件：textInput，在文档中输入文本触发。

键盘事件：keydown、keyup、keypress，当用户通过键盘在页面中执行操作时触发。

合成事件：DOM3级新增，用于处理IME的输入序列。所谓IME，指的是输入法编辑器，可以让用户输入在物理键盘上找不到的字符。compositionstart、compositionupdate、compositionend三种事件。

变动事件：DOMsubtreeModified、DOMNodeInserted、DOMNodeRemoved、DOMAttrModified、DOMCharacterDataModified等，当底层DOM结构发生变化时触发。IE8-不支持。

变动名称事件：指的是当元素或者属性名变动时触发，当前已经弃用！

对于事件的基本类型，随着HTML5的出现和发展，又新增了HTML5事件、设备事件、触摸事件、手势事件等各种事件。

marchalex 2015-03-24 10:58 发表评论

JavaScript基础备忘

marchalex — Tue, 24 Mar 2015 01:50:00 GMT

在JSP中引入JavaScript

1.在页面中直接嵌入JavaScript

2.连接外部JavaScript

变量的声明用var

var variable;

var variable = value;

写的函数

document.write(str);

函数的定义

function functionName([parameter1, parameter2, ...]) {

statements

[return expression]

}

元素的获取

document.getElementById(id);

marchalex 2015-03-24 09:50 发表评论

Java容器之Vector类

marchalex — Mon, 23 Mar 2015 03:03:00 GMT

Vector类常用方法：

add(int index, Object element);

addElementAt(Object obj, int index);

size();

elementAt(int index);

setElementAt(Object obj, int index);

removeElementAt(int index);

Vector类实例：实现创建空的Vector对象，并向其添加元素，然后输出所有元素。

<%@ page import="java.util.*" %>
<%
    Vector v = new Vector(); //创建空的Vector对象
    for(int i=0;i<3;i++) {
        v.add(new String("福娃" + i));
    }
    v.remove(1); //移除索引位置为1的元素
    //显示全部元素
    for(int i=0;i         out.println(v.indexOf(v.elementAt(i))+": "+v.elementAt(i));
    }
%>

显示结果为：

0: 福娃0 1: 福娃2

marchalex 2015-03-23 11:03 发表评论

Java容器之ArrayList类

marchalex — Mon, 23 Mar 2015 02:57:00 GMT

Java容器之ArrayList类

List集合的实例化：

List l = new ArrayList(); //使用ArrayList类实例化List集合

List l2 = new LinkedList(); //使用LinkedList类实例化List集合

ArrayList常用方法：

add(int index, Object obj);

addAll(int, Collection coll);

remove(int index);

set(int index, Object obj);

get(int index);

indexOf(Object obj);

lastIndexOf(Object obj);

listIterator();

ListIterator(int index);

ArrayList示例：实现创建空的ArrayList对象，并向其添加元素，然后输出所有元素。

<%@ page import="java.util.*" %>
<%
    List list = new ArrayList();
    for(int i=0;i<3;i++) {
        list.add(new String("福娃" + i));
    }
    list.add(1, "后添加的福娃");
    //输出所有元素
    Iterator it = list.iterator();
    while(it.hasNext()) {
        out.println(it.next());
    }
%>

输出结果为：

福娃0 后添加的福娃福娃1 福娃2

LinkedList类的用法与ArrayList类类似。

marchalex 2015-03-23 10:57 发表评论

JSP显示时间的小程序

marchalex — Mon, 23 Mar 2015 02:19:00 GMT

JSP显示时间的小应用，用于显示时间并对不同时间显示不同提示。
如：我在写这篇博客时打开的效果如下：

温馨提示！

现在时间为：2015-03-23 10:17:28

午休时间！正午好时光！

代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.util.Date,java.text.*" %>
<%
    Date nowday = new Date(); //获取当前时间
    int hour = nowday.getHours(); //获取日期中的小时
    SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); //定义日期格式化对象
    String time = format.format(nowday); //将指定日期格式化为“yyyy-MM-dd HH:mm:ss”形式
%>

获取当前时间的JSP程序



            温馨提示！
            现在时间为：<%= time %>



                <%
                    if(hour >= 24 && hour < 5)
                        out.print("现在是凌晨！时间还很早，再睡一会儿吧！");
                    else if(hour >= 5 && hour < 10)
                        out.print("早上好！新的一天即将开始，您准备好了吗？");
                    else if(hour >= 10 && hour < 13)
                        out.print("午休时间！正午好时光！");
                    else if(hour >= 13 && hour < 18)
                        out.print("下午继续努力工作吧！");
                    else if(hour >= 18 && hour < 24)
                        out.print("已经是深夜了，注意休息哦！");
                %>

marchalex 2015-03-23 10:19 发表评论