第一个web网站代码分析

版权声明: https://blog.csdn.net/cx296649890/article/details/79980528

第一个web网站的代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="java.text.SimpleDateFormat" %>
<%
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>当前时间</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">
	-->

  </head>
  
  <body>
    <script type="text/javascript">
    function realSysTime(clock){  
        var now=new Date();            //创建Date对象  
        var year=now.getFullYear();    //获取年份  
        var month=now.getMonth();    //获取月份  
        var date=now.getDate();        //获取日期  
        var day=now.getDay();        //获取星期  
        var hour=now.getHours();    //获取小时  
        var minu=now.getMinutes();    //获取分钟  
        var sec=now.getSeconds();    //获取秒钟  
        month=month+1;  
        var arr_week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");  
        var week=arr_week[day];        //获取中文的星期  
        var time=year+"年"+month+"月"+date+"日 "+week+" "+hour+":"+minu+":"+sec;    //组合系统时间  
        clock.innerHTML=time;    //显示系统时间  
    }  
    window.onload=function(){  
        window.setInterval("realSysTime(clock)",1000);    //实时获取并显示系统时间  
        }
    </script>
    <%
    	Date date=new Date();
    	SimpleDateFormat df=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
    	String time=df.format(date);
 	
     %>
     <b>打开时间:<%=time %></b>
     <br>
     <b>当前时间为:</b>
     <b id="clock"></b>
  </body>
</html>

该代码中包含了JSP的指令标识、HTML代码、嵌入的Java代码、嵌入的JavaScript代码和注释。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="java.text.SimpleDateFormat" %>

        以上所示代码为JSP的指令标识,是给服务器识别、解释、说明的,它规定了整个JSP页面内的相关信息,并不会把任何内容输出到网页上。

        page指令用于定义整个JSP页面的属性,这些属性在JSP中被服务器解析成Servlet时会转换为相应的java代码。language属性设置了该JSP页面使用的语言,目前仅支持Java,import属性用于设置JSP导入的包类,用于在JSP页面嵌入java代码使用的包,pageEncodeing用于设定JSP页面的编码格式。这段代码设定了编码格式为UTF-8,使用Java语言,导入了java.text.SimpleDateFormat和java.util中所有的包。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>当前时间</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">
	-->

  </head>
  
  <body>
     <b>打开时间:<%=time %></b>
     <br>
     <b>当前时间为:</b>
     <b id="clock"></b>
  </body>
</html>

        以上代码为HTML代码,用于向浏览器显示一些控件,当然其中可以嵌入JavaScript和java代码。

<script type="text/javascript">
    function realSysTime(clock){  
        var now=new Date();            //创建Date对象  
        var year=now.getFullYear();    //获取年份  
        var month=now.getMonth();    //获取月份  
        var date=now.getDate();        //获取日期  
        var day=now.getDay();        //获取星期  
        var hour=now.getHours();    //获取小时  
        var minu=now.getMinutes();    //获取分钟  
        var sec=now.getSeconds();    //获取秒钟  
        month=month+1;  
        var arr_week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");  
        var week=arr_week[day];        //获取中文的星期  
        var time=year+"年"+month+"月"+date+"日 "+week+" "+hour+":"+minu+":"+sec;    //组合系统时间  
        clock.innerHTML=time;    //显示系统时间  
    }  
    window.onload=function(){  
        window.setInterval("realSysTime(clock)",1000);    //实时获取并显示系统时间  
        }
    </script>
       以上代码为嵌入的JavaScript,实现了一个读取系统时间的函数,并设置了一个重复调用,每一秒调用一次,即每一秒更新一次时间。
<%
    	Date date=new Date();
    	SimpleDateFormat df=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
    	String time=df.format(date);
 	
     %>
        以上为嵌入的java代码,只在网页载入时执行一次,读取了系统的时间。
阅读更多

没有更多推荐了,返回首页