网页计算器javascript版代码

小提示

Ctrl+/代码提示(需IE11)
F11键放大 ESC键缩小
PgUp上页 PgDn下页

推荐代码

运行代码缩小

引入JS
- 3.0.0 2.2.0 2.1.4 2.1.3 2.1.2 2.1.1 2.1.0 2.0.3 2.0.2 2.0.1 2.0.0 1.12.0 1.11.3 1.11.2 1.11.1 1.11.0 1.10.2 1.10.1 1.10.0 1.9.1 1.9.0 1.8.3 1.8.2 1.8.1 1.8.0 1.7.2 1.7.1 1.7 1.6.4 1.6.2 1.6.1 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0
- 1.7.3 1.7.2 1.7.1.0 1.7.0.0
- 2.0.0-beta.0 2.0.0-alpha.55 1.5.0-rc.0 1.4.8 1.4.0 1.3.20 1.2.29 1.1.5 1.0.8
- 1.8.3 1.7.0 1.6.0 1.5.2 1.4.4 1.3.3 1.2.4 1.1.7
- 1.10.4 1.9.7 1.8.10 1.7.8 1.6.3 1.5.4 1.4.6 1.3.3
- core1.6.0 core-compat1.6.0 core1.5.2 core-compat1.5.2 core-full-compat-yc1.4.5 core-full-compat1.4.5 core-full-nocompat-yc1.4.5 core-full-nocompat1.4.5
- 1.4.2 1.4.1 1.4.0 1.3.0 1.2.0 1.1.0
- 3.7.3 3.7.2 3.7.1 3.7.0 3.7 3.6.2 3.6.1 3.6

引入框架
- 1.4.5 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0 1.3.2
- 1.11.4 1.11.3 1.11.2 1.11.1 1.11.0 1.10.4 1.10.3 1.10.2
- 3.3.6 3.3.5 3.3.0 3.2.0 2.3.2

汉王

HTML代码

复制格式化注释注释清空

放大

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>计算器</title>
<style>
input{
font-size:14px;
}
#jg{
/* 显示框样式表*/
FOTN-SIZE:14PX;
padding:3px;
border:1px solid #888;
width:96%;
text-align:right;}

a:visited,a:link{
text-decoration:none;
}
*{
margin:0;
}
body {
	background-color: #99CC66;
}
table{
border:2px solid #fff;
}
#main{
/* 包含表格层样式*/
margin:150px auto 0 auto;
padding:20px;
background-color: #999966;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
  }
#copyright{
font-size:12px;
color:#555;
background-color: #CCCC66;
padding:3px;
text-align:center;
border:1px solid #eee;
}
</style>
</head>

<input name="jg" id="jg" type="text"  onKeyup="checkkey()"/>    </td>
  </tr>
  <tr><td colspan="2" aling="right"><div id="sjxs" name="sjxs" style="text-align:center;height:20px;width:90px;background-color:#666;color:#fff;"></div></td>
    <td colspan="2" align="right"><input type="button" name="cls" value="Backspace" onclick="shanchu()" /></td>
    <td><input type="button" name="qc" id="qc" value="清除" onclick="qc()"/></td></tr>
  <tr>
    <td width="37"><input type="button" name="s1" id="s1" value=" 1 " onclick="shu(1)" onkeyup="shu(1)"/></td>
    <td width="37"><input type="button" name="s2"  id="s2"value=" 2 "  onclick="shu(2)"/></td>
    <td width="41"><input type="button" name="s2" id="s2" value=" 3 " onclick="shu(3)"/></td>
    <td width="43"><label>
    <input type="button" name="jian2" id="jian2" value=" + " onclick='yunsuan("+")'/>
    </label></td>
    <td width="38">
<input type="button" name="shijian" id="shijian" value="时间" onclick="timeshow()" /></td>
  </tr>
  <tr>
    <td><input type="button" name="s4" id="s4"value=" 4 " onclick="shu(4)"/></td>
    <td><input type="button" name="s5" id="s5" value=" 5 " onclick="shu(5)"/></td>
    <td><input type="button" name="s6" id="s6" value=" 6 " onclick="shu(6)"/></td>
    <td><input type="button" name="jian3"  id="jian"value=" - " onclick='yunsuan("-")' /></td>
    <td><input type="button" name="pf" id="pf" value="平方" onclick="pf()"/></td>
  </tr>
  <tr>
    <td><input type="button" name="s7" id="s7" value=" 7 " onclick="shu(7)"/></td>
    <td><input type="button" name="s8" id="s8" value=" 8 " onclick="shu(8)"/></td>
    <td><input type="button" name="s9" id="s9" value=" 9 " onclick="shu(9)" /></td>
    <td><input type="button" name="cheng" id="cheng" value=" X " onclick='yunsuan("x")'/></td>
    <td><input type="button" name="kf" id="kf" value="开方" onclick="kf()"/></td>
  </tr>
  <tr>
    <td><input type="button" name="s0" id="s0" value=" 0 " onclick="shu(0)" /></td>
    <td><input type="button" name="xs" id="xs" value=" . " onclick=shu(".")></td>
    <td><input type="button" name="deng" id="deng" value=" = " onclick="dengyu()"/></td>
    <td><input type="button" name="chu"  id="chu" value=" / " onclick='yunsuan("/")'/></td>
    <td>
      <input type="button" name="jc" value=" n!" onclick="jc()" >    </td>
  </tr>
  <tr><td colspan="5" height="20"><div id="copyright">当易网(<a href="http://www.downyi.com/" target="_blank">www.downyi.com</a>)&nbsp;联系QQ:<a href="tencent://message/?uin=14818565&Site=xunchikeji.cn&Menu=yes" style="color:#000">14818565</a></div></td></tr>
</table>
</div>
</body>
</html>
<script language="javascript">
var a,b,c,d;
function shu(x)
{
if (jg.value==0)
	{
	jg.value=x;
	}
else
{
	if (x==".")
	{
	var kk=jg.value
	if (kk.indexOf(".")<0)
	{jg.value=jg.value+x;}
	}
	else
	{
	jg.value=jg.value+x;
	}
}
//programing by downyi.com
}
function yunsuan(y)
{
	switch (y)
	{
	case "+":
	d="+"
	break
	case "-":
	d="-"
	break
	case "x":
	d="x"
	break
	case "/":
	d= "/"
	}
a=Number(jg.value);
jg.value=""
}
function dengyu()
{
b=Number(jg.value)
if(a!=undefined && b!=0 && d!=undefined)
{
	switch (d)
	{
	case "+":
		c=a+b;
		break;
	case "-":
		c=a-b;
		break;
	case "x":
		c=a*b;
		break;
	
	case "/":
		c=a/b;
	}
jg.value=c;
a=0;
b=0;
d=undefined;
}
}
function qc()
{
a=0;
b=0;
d=undefined;
jg.value="0";
}
function shanchu()
{
var bs=jg.value;
bs=bs.substr(0,bs.length-1);
jg.value=bs;
jg.focus();
}
function pf()
{
var h=Number(jg.value);
if (h!=0)
	{
	h=h*h;
	jg.value=h;
	}
}
function jc()
{
var p=1;
var q=parseInt(jg.value)
if (q!=0 && q!=NaN)
	{
	for (i=1;i<=q;i++)
		{
		p=p*i;
		}
	jg.value=p;
	}

}
function setfocus()
{
jg.focus();
ts=startTime()
}
function kf()
{
if (jg.value!=".")
{
jg.value=Math.sqrt(Number(jg.value))
}
}

function checkkey()
{
var p=/[^0-9]/
if (p.test(jg.value)==true)
{
jg.value=""
jg.focus
}
}
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
m=checkTime(m)
s=checkTime(s)
document.getElementById('sjxs').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10) 
  {i="0" + i}
  return i
}
function timeshow()
{

if (document.getElementById('sjxs').style.display!="none")
{
document.getElementById('sjxs').style.display="none"
}
else
{
document.getElementById('sjxs').style.display="block"
}
//programing by downyi.com
}
</script>

CSS代码

复制格式化注释注释颜色清空

放大

JS代码

复制格式化注释注释清空

放大

运行代码

简介

请输入代码名称！

名称

网页计算器javascript版代码

分类

网站常用

描述

网页计算器javascript版代码，运用html+javascript+css结合实现，可以用于在网站上添加此功能，也可以用作学习javascript编程的实例。主要特点如下： <br>　　1、采用Javascript+html+css写成，可跨平台运行。无需WEB服务器，可以直接在...