4月24日 RIA 周二

最新推荐文章于 2025-10-15 13:08:28 发布

原创最新推荐文章于 2025-10-15 13:08:28 发布 · 118 阅读

0 ·

CC 4.0 BY-SA版权

2018 专栏收录该内容

337 篇文章

订阅专栏

本文介绍了一个使用HTML和JavaScript实现的简易计算器，并通过JSP进行后端处理，展示了按钮点击事件处理、表达式求值及结果展示等功能。

<%@ 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 'index.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 type="text/javascript" src="js/jquery-1.8.2.js"></script>
    <script type="text/javascript">
        $(function (){
            var res = "";
            $("[type='button']").click(function(){
                res += $(this).val();
                $("#d1").val(res);
            });

            $("#dy").click(function (){
                var sul = $("#d1").val();
                var re = eval(sul);
                $("#d2").val(re);
            });

            $("#qk").click(function (){
                $("#d1").val("");
                $("#d2").val("");
                res = "";
            });
        });
    </script>
  </head>

  <body>
    <input type="text" id="d1"><br>
    <input type="button" value="1">
    <input type="button" value="2">
    <input type="button" value="3">
    <input type="button" value="+"><br>
    <input type="button" value="4">
    <input type="button" value="5">
    <input type="button" value="6">
    <input type="button" value="-"><br>
    <input type="button" value="7">
    <input type="button" value="8">
    <input type="button" value="9">
    <input type="button" value="*"><br>
    <input type="button" value="0">
    <input type="button" value=".">
    <button id="dy">=</button>
    <input type="button" value="/"><br>
    <button id="qk">清空</button><br>
    <input type="text" id="d2"><br>
  </body>
</html>