快捷導(dǎo)航

js實(shí)現(xiàn)模擬計(jì)算器退格鍵刪除文字效果的方法

更新時(shí)間：2015年05月07日 15:02:58 投稿：shichen2014

這篇文章主要介紹了js實(shí)現(xiàn)模擬計(jì)算器退格鍵刪除文字效果的方法,涉及javascript字符串截取操作的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了js實(shí)現(xiàn)模擬計(jì)算器退格鍵刪除文字效果的方法。分享給大家供大家參考。具體如下：

<!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=utf-8" />
<title>無標(biāo)題文檔</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程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

await?Streaking解決原理示例詳解
這篇文章主要為大家介紹了await?Streaking解決原理示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-12-12
詳細(xì)分析JavaScript中的深淺拷貝
這篇文章主要介紹了JavaScript中的深淺拷貝，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下
2020-09-09
JS中實(shí)現(xiàn)replaceAll的方法(實(shí)例代碼)
本文是對JS中實(shí)現(xiàn)replaceAll的方法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-11-11
JavaScript數(shù)字?jǐn)?shù)組的13個(gè)實(shí)用小技巧
數(shù)組是JS最常見的一種數(shù)據(jù)結(jié)構(gòu),咱們在開發(fā)中也經(jīng)常用到,在這篇文章中,提供一些小技巧,幫助咱們提高開發(fā)效率,這篇文章主要給大家分享介紹了關(guān)于JavaScript數(shù)字?jǐn)?shù)組的13個(gè)實(shí)用小技巧,需要的朋友可以參考下
2023-11-11
利用CSS、JavaScript及Ajax實(shí)現(xiàn)圖片預(yù)加載的方法
預(yù)加載圖片是提高用戶體驗(yàn)的一個(gè)很好方法，實(shí)現(xiàn)圖片預(yù)加載可以使用css、JavaScript、Ajax三種方法。下面逐一給大家介紹利用CSS、JavaScript及Ajax實(shí)現(xiàn)圖片預(yù)加載的方法，需要的朋友參考下吧
2016-11-11
一文搞懂V8引擎的垃圾回收機(jī)制
我們平時(shí)在寫代碼的過程中，好像很少需要自己手動(dòng)進(jìn)行垃圾回收，那么V8是如何來減少內(nèi)存占用，從而避免內(nèi)存溢出而導(dǎo)致程序崩潰的情況的，為了更高效地回收垃圾，V8引入了兩個(gè)垃圾回收器，它們分別針對不同場景進(jìn)行工作
2023-06-06
JavaScript作用域與作用域鏈?zhǔn)褂弥攸c(diǎn)講解
當(dāng)代碼在一個(gè)環(huán)境中執(zhí)行時(shí),會(huì)創(chuàng)建變量對象的一個(gè)作用域鏈,作用域鏈的用途是保證對執(zhí)行環(huán)境有權(quán)訪問的所有變量和函數(shù)的有序訪問,下面這篇文章主要給大家介紹了關(guān)于JavaScript作用域與作用域鏈的相關(guān)資料,需要的朋友可以參考下
2022-10-10
初識(shí)javascript 文檔碎片
今天遇到一個(gè)問題: 我通過 ajax 取回另一個(gè)頁面的 Html 。但這些 HTML 我不想直接輸出，想通過　getElementsByName　處理后再輸出相應(yīng)的內(nèi)容。用原生的 javascript怎樣可以處理呢？
2010-07-07
js 獲取元素所有兄弟節(jié)點(diǎn)的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨s 獲取元素所有兄弟節(jié)點(diǎn)的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-09-09
$JavaScript對象數(shù)組排序?qū)嵗椒\析$
JavaScript對象數(shù)組排序?qū)嵗椒\析
這篇文章主要介紹了JavaScript對象數(shù)組排序?qū)嵗椒\析的相關(guān)資料，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧
2016-06-06