4月14日 RIA 周六

JSP页面示例与JavaScript实战

最新推荐文章于 2019-12-27 19:27:50 发布

原创最新推荐文章于 2019-12-27 19:27:50 发布 · 98 阅读

0 ·

CC 4.0 BY-SA版权

2018 专栏收录该内容

337 篇文章

订阅专栏

本文展示了三个JSP页面的基本结构与设置，并通过内嵌JavaScript实现了动态内容展示及日期操作等功能。代码中涉及了元数据管理、数组操作、循环输出及日期格式化等实用技巧。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>My JSP 'one.jsp' starting page</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
    <script>
        document.write("锄禾日当午");
        document.write("<br>");
        document.write("锄禾日当午");
        document.write("<br>");
        document.write("锄禾日当午");
        document.write("<br>");
        document.write("锄禾日当午");
        document.write("<br>");

        var e = [1,'a',4,'d',new Date()];
        for(var i = 0;i<e.length;i++){
            document.write(e[i]);
            document.write("<br>");
        }
        for(var i in e){
            document.write("<br>");
            document.write(e[i]);
        }
        document.write("<br>");

        for(var i = 1;i<=9;i++){
            for(var j=1;j<=i;j++){
                document.write(i+"*"+j+"="+i*j+"\t");
            }
            document.write("<br>");
        }
    </script>
  </head>

  <body>

  </body>
</html>

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>My JSP 'two.jsp' starting page</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
    <script>
        var a = new Array(new Array(1,2,3),new Array("a","b","c"));
        for(var i in a){
            for(var j in a[i]){
                document.write(a[i][j]);
            }
            document.write("<br>");
        }

        var date = new Date();
        document.write(date.getFullYear()+"-");
        document.write((date.getMonth()+1)+"-");
        document.write(date.getDate()+"-");
        document.write("<br>");
        //时分秒
        document.write(date.getHours()+"-");
        document.write(date.getMinutes()+"-");
        document.write(date.getSeconds());

    </script>
  </head>

  <body>
    This is my JSP page. <br>
  </body>
</html>

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>My JSP 'three.jsp' starting page</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
    <script>
        function  fun(){
            var date = new Date();
            da = date.toLocaleString();
            alert(da);
        }

        var time=0;
        function go(time){
            if(time%2==0){
                alert(time+"偶数");
            }
            if(time%2!=0){
                alert(time+"奇数");
            }
        }
    </script>
  </head>

  <body>
    <input type="button" value="按钮" onclick="fun()">
    <br>
    <input type="button" value="按钮" onclick="go(time++)">
  </body>
</html>