[关闭]
@nextleaf 2018-08-31T10:12:35.000000Z 字数 1394 阅读 651

2018-08-31 工作日志

Java 工作日志


eval函数计算器

  1. <style type="text/css">
  2. div {
  3. width: 10%;
  4. height: 200px;
  5. margin: 16% auto;
  6. text-align: center;
  7. border-style: dashed;
  8. border-color: #1E90FF;
  9. border-width: 2px
  10. }
  11. span {
  12. border-style: solid;
  13. border-color: #D2691E;
  14. border-width: 1px
  15. }
  16. </style>
  17. ......
  18. <body>
  19. <script language="JavaScript">
  20. function cal(val) {
  21. if (val != "=") {
  22. document.getElementById("calData").innerText += val;
  23. } else {
  24. var res = eval(document.getElementById("calData").innerText);
  25. document.getElementById("calData").innerText = res;
  26. }
  27. }
  28. </script>
  29. <div>
  30. <input type="button" value="1" onclick="cal(this.value);">
  31. <input type="button" value="2" onclick="cal(this.value);">
  32. <input type="button" value="3" onclick="cal(this.value);"><br>
  33. <input type="button" value="+" onclick="cal(this.value);">
  34. <input type="button" value="-" onclick="cal(this.value);">
  35. <input type="button" value="*" onclick="cal(this.value);">
  36. <input type="button" value="/" onclick="cal(this.value);"><br>
  37. <input type="button" value="=" onclick="cal(this.value);"><br><br>
  38. <span id="calData"></span>
  39. </div>
  40. </body>

正则表达式对象

  1. function regTest1() {
  2. var str=document.getElementById("testReg").value;
  3. var reg=/^\d{3,5}$/;
  4. console.log(reg.test(str)?"ok":"retry");
  5. }
  6. function regTest() {
  7. var str=document.getElementById("testReg").value;
  8. var reg=/\d{3,5}/;
  9. console.log(reg.test(str)?"ok":"retry");
  10. }
  1. <div>
  2. <input id="testReg">
  3. <input type="button" value="验证是否含有连续3-5位数字" onclick="regTest()">
  4. <input type="button" value="验证是否s是3-5位数字" onclick="regTest1()">
  5. </div>
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注