足球游戏_中国足彩网¥体育资讯$

js实现模拟计算器退格键删除文字效果的方法
来源:易贤网 阅读:3296 次 日期:2015-05-11 14:40:45
温馨提示:易贤网小编为您整理了“js实现模拟计算器退格键删除文字效果的方法”,方便广大网友查阅!

这篇文章主要介绍了js实现模拟计算器退格键删除文字效果的方法,涉及javascript字符串截取操作的相关技巧,需要的朋友可以参考下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"">

<html xmlns="">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gbk" />

<title>无标题文档</title>

<style type="text/css">

.myinput{

width:70px; height:30px;

}

.tf{

width:220px; height:30px;

margin-bottom:5px; font-size:26px;

font-family:Tahoma, Geneva, sans-serif;

color:#fff; border:2px solid #999;

background:#000; text-align:right;

}

</style>

<script language="javascript" type="text/javascript">

window.onload = function()

{

var tf = $("tf");

for( var i=0;i<11;i++ ){

$("btn"+i).onclick = function(){

if(this.value == "." && tf.value == "") return false;

if(this.value == "." && tf.value.indexOf(".") != -1) return false;

if(tf.value == "0"){

if(this.value == "."){

tf.value += this.value;

}

}else{

tf.value += this.value;

}

}

}

$("back").onclick = function(){

tf.value = tf.value.replace(/.$/,'')

}

}

function $(id){return document.getElementById(id);}

</script>

</head>

<body>

<input class="tf" name="textfield" type="text" id="tf" size="30" />

<br />

<input class="myinput" type="submit" name="button" id="btn0" value="0" />

<input class="myinput" type="submit" name="button" id="btn1" value="1" />

<input class="myinput" type="submit" name="button" id="btn2" value="2" />

<br />

<input class="myinput" type="submit" name="button" id="btn3" value="3" />

<input class="myinput" type="submit" name="button" id="btn4" value="4" />

<input class="myinput" type="submit" name="button" id="btn5" value="5" />

<br />

<input class="myinput" type="submit" name="button" id="btn6" value="6" />

<input class="myinput" type="submit" name="button" id="btn7" value="7" />

<input class="myinput" type="submit" name="button" id="btn8" value="8" />

<br />

<input class="myinput" type="submit" name="button" id="btn9" value="9" />

<input class="myinput" type="submit" name="button" id="btn10" value="." />

<input class="myinput" type="submit" name="button" id="back" value="退格" />

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

中国足彩网信息请查看IT技术专栏

中国足彩网信息请查看脚本栏目
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!

2025国考·省考课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 足球游戏_中国足彩网¥体育资讯$ 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65099533/13759567129 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标