My eclipse +jsp实现计算器功能+界面
2019-04-09 11:06
15 查看
jsp：
<%@ page contentType="text/html;charset=UTF-8" language="java"%> <%@ page import="java.util.*" import="java.sql.*" pageEncoding="UTF-8"%> <%@ include file="system/easyui_header_bean.jsp"%> <html> <title>demo308-window及其应用</title> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="plugin/jqeasyui166/themes/default/easyui.me.css"> <link rel="stylesheet" type="text/css" href="plugin/jqeasyui166/themes/icon.css"> <link rel="stylesheet" type="text/css" href="system/css/icon.css"> <script type="text/javascript" src="plugin/jquery214.min.js"></script> <script type="text/javascript" src="plugin/jqeasyui166/jquery.easyui.min.js"></script> <script type="text/javascript" src="plugin/jqeasyui166/easyui-lang-zh_CN.js"></script> <script type="text/javascript" src="system/easyui_common.js?time=New Date()"></script> <script type="text/javascript" src="javascript/jisuanqi.js?time=New Date()"></script> </head> <body style="overflow:'hidden', position:'relative'"> <div id="myWin1" class="easyui-window" style="position:relative; width:400px; height:460px;" > <div style="position:absolute; top:6px; left:20px; width:310px; height:50px"> <input id="textarea" class="easyui-textbox" /> </div> <a href="javascript:void(0)" id="btn01" class="easyui-linkbutton cmtbtn" data-options="text:'%'" style="position:absolute; top:60px;left:20px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn02" class="easyui-linkbutton cmtbtn" data-options="iconCls:'sqrtIcon'" style="position:absolute; top:60px;left:100px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn03" class="easyui-linkbutton cmtbtn" data-options="text:'x2'" style="position:absolute; top:60px;left:180px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn04" class="easyui-linkbutton cmtbtn" data-options="text:'1/x'" style="position:absolute; top:60px;left:260px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn05" class="easyui-linkbutton" data-options="text:'CE'" style="position:absolute; top:120px;left:20px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn06" class="easyui-linkbutton" data-options="text:'C'" style="position:absolute; top:120px;left:100px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn07" class="easyui-linkbutton" data-options="text:'?'" style="position:absolute; top:120px;left:180px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn08" class="easyui-linkbutton textbtn" data-options="text:'÷'" style="position:absolute; top:120px;left:260px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn09" class="easyui-linkbutton textbtn" data-options="text:'7'" style="position:absolute; top:180px;left:20px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn10" class="easyui-linkbutton textbtn" data-options="text:'8'" style="position:absolute; top:180px;left:100px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn11" class="easyui-linkbutton textbtn" data-options="text:'9'" style="position:absolute; top:180px;left:180px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn12" class="easyui-linkbutton textbtn" data-options="text:'×'" style="position:absolute; top:180px;left:260px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn13" class="easyui-linkbutton textbtn" data-options="text:'4'" style="position:absolute; top:240px;left:20px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn14" class="easyui-linkbutton textbtn" data-options="text:'5'" style="position:absolute; top:240px;left:100px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn15" class="easyui-linkbutton textbtn" data-options="text:'6'" style="position:absolute; top:240px;left:180px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn16" class="easyui-linkbutton textbtn" data-options="text:'-'" style="position:absolute; top:240px;left:260px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn17" class="easyui-linkbutton textbtn" data-options="text:'1'" style="position:absolute; top:300px;left:20px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn18" class="easyui-linkbutton textbtn" data-options="text:'2'" style="position:absolute; top:300px;left:100px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn19" class="easyui-linkbutton textbtn" data-options="text:'3'" style="position:absolute; top:300px;left:180px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn20" class="easyui-linkbutton textbtn" data-options="text:'+'" style="position:absolute; top:300px;left:260px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn21" class="easyui-linkbutton textbtn1" data-options="text:'±'" style="position:absolute; top:360px;left:20px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn22" class="easyui-linkbutton textbtn" data-options="text:'0'" style="position:absolute; top:360px;left:100px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn23" class="easyui-linkbutton textbtn" data-options="text:'.'" style="position:absolute; top:360px;left:180px; width:70px; height:50px"></a> <a href="javascript:void(0)" id="btn24" class="easyui-linkbutton cmtbtn" data-options="text:'='" style="position:absolute; top:360px;left:260px; width:70px; height:50px"></a> </div> </body> </html>
js:
rowheight=60;
publishers=[];
$(function(){
$("#myWin1").window({
title:'计算器',
modal:true,
resiable:false,
collapsible:false,
minimizable:false,
maximizable:false
});
$("#textarea").textbox({
width:'100%',
height:'100%',
multiline:true,
readonly:true //只读
});
$(".textbtn").linkbutton({
onClick:function(){
s1=$(this).linkbutton('options').text;
s2=$("#textarea").textbox('getValue');
$('#textarea').textbox('setValue',s2+s1);
}
});
$('#btn05,#btn06').linkbutton({
onClick:function(){
id=$(this)[0].id;
if (id=='btn05') $('#textarea').textbox('setValue','');
else $('#textarea').textbox('setValue','0');
}
});
$('#btn07').linkbutton({
onClick:function(){
s=$('#textarea').textbox('getValue');
if(s!='') s=s.substring(0,s.length-1);
$('#textarea').textbox('setValue',s);
}
});
$('#btn21').linkbutton({
onClick:function(){
s1=$(this).linkbutton('options').text;
s2=$("#textarea").textbox('getValue');
$('#textarea').textbox('setValue',-s2);
}
});
$('.cmtbtn').linkbutton({
onClick:function(){
var id=$(this)[0].id;
var v=caculate();
if(id=='btn24') v==v;
else if (id=='btn03') v=v*v;
else if (id=='btn01') v=v*0.01;
else if (id=='btn02') v=Math.sqrt(v);
else if (id=='btn04') v=1/v;
$('#textarea').textbox('setValue',v);
}
});
}); //end of jQuery
function caculate(){
s=$('#textarea').textbox('getValue');
if (s==' ') v='0';
else{
s=s.replace(/×/g,'*');
s=s.replace(/÷/g,'/');
try{
v=eval(s);
}catch(error){
v=error;
}
console.log(v);
}
return v;
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- MVC、JSP实现mysql的增删改查功能的封装和简陋的界面交互
- 在jsp中按钮实现界面跳转的功能
- 使用JSP和javabean实现计算器功能
- JSP实现计算器功能（网页版）
- 数组例子2：二维数组中的行列互换和按钮控件数组实现计算器界面（暂不支持计算功能，仅界面及简单输入）
- javaWeb 使用 jsp 和 javaBean 实现计算器功能
- JSP实现计算器功能（网页版）
- jsp中点击图片弹出文件上传界面及预览功能的实现
- jsp中点击图片弹出文件上传界面及预览功能的实现
- jsp&servlet的登陆界面以及增删改查功能的实现
- JSP界面实现一个倒计时功能然后转到特定的界面
- Android自定义控件实现登陆界面以及SharedPreferences实现记住密码功能
- 安卓经典功能组件篇1——实现界面的异步刷新
- 通过jsp和servlet实现后台界面完成对数据库的增删改查
- Struts2 自定义标签(JSP视图)实现图形验证功能
- JSP第七次课：实现商品管理功能
- JSP中checkbox实现全选等功能_1
- Android开发_如何实现留言意见反馈功能界面
- c++实现计算器功能
- 使用idea Live Template实现eclipse syso自动提示代码功能