input输入框的readonly属性-----http://www.w3school.com.cn/tags/tag_input.asp

http://www.w3school.com.cn/tags/tag_input.asp

input输入框的readonly属性

 

 

查询方法:

     1、先找官方的文档,api

     2、官方的有看不懂的再百度相关的(个人的不一定准确,依官方的为准)

转载于:https://www.cnblogs.com/czlovezmt/p/9675528.html

这个链接是一个在线的 JavaScript 计算器,它的实现方式与上面提到的类似,不过它使用了更为完整和复杂的 JavaScript 代码。 具体来说,这个计算器的实现步骤如下: 1. HTML 部分 在 HTML 文件中,创建一个表单,其中包含一个输入框和一些按钮,如下所示: ```html <form name="calculator"> <table> <tr> <td colspan="4"> <input type="text" name="result" id="result" readonly> </td> </tr> <tr> <td><input type="button" value="1" onclick="calculator.result.value += '1'"></td> <td><input type="button" value="2" onclick="calculator.result.value += '2'"></td> <td><input type="button" value="3" onclick="calculator.result.value += '3'"></td> <td><input type="button" value="/" onclick="calculator.result.value += '/'"></td> </tr> <tr> <td><input type="button" value="4" onclick="calculator.result.value += '4'"></td> <td><input type="button" value="5" onclick="calculator.result.value += '5'"></td> <td><input type="button" value="6" onclick="calculator.result.value += '6'"></td> <td><input type="button" value="*" onclick="calculator.result.value += '*'"></td> </tr> <tr> <td><input type="button" value="7" onclick="calculator.result.value += '7'"></td> <td><input type="button" value="8" onclick="calculator.result.value += '8'"></td> <td><input type="button" value="9" onclick="calculator.result.value += '9'"></td> <td><input type="button" value="-" onclick="calculator.result.value += '-'"></td> </tr> <tr> <td><input type="button" value="C" onclick="calculator.result.value = ''"></td> <td><input type="button" value="0" onclick="calculator.result.value += '0'"></td> <td><input type="button" value="=" onclick="calculator.result.value = eval(calculator.result.value)"></td> <td><input type="button" value="+" onclick="calculator.result.value += '+'"></td> </tr> </table> </form> ``` 在这个表单中,我们也是使用了一个只读的文本框用于显示计算结果,以及一些按钮用于输入数字和运算符。不同的是,这里的按钮并没有使用函数调用,而是直接在 onclick 属性中编写了 JavaScript 代码。 2. JavaScript 部分 在 JavaScript 文件中,我们需要编写更为复杂的代码来实现计算器的功能。 首先,我们需要定义一个 eval() 函数,用于计算表达式的值: ```javascript function eval() { try { return eval(arguments[0]); } catch (e) { return 'Error'; } } ``` 在这个函数中,我们使用了 try-catch 语句来捕获可能的运行时错误,避免程序崩溃。 接着,我们需要编写一个 calc() 函数,用于将字符串表达式转换为可计算的表达式: ```javascript function calc() { calculator.result.value = eval(calculator.result.value); } ``` 在这个函数中,我们使用了 eval() 函数来计算表达式的值,并将计算结果赋值给文本框。 最后,我们需要编写一些函数来处理一些特殊情况,例如小数点、正负号、百分号等。这些函数的具体实现可以参考链接中给出的代码。 通过上述这些步骤,我们就可以实现一个完整的 JavaScript 计算器了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值