JavaScript 还常用于验证用户的输入。如判断是否是数字
if isNaN(x) { alert("不是数字"); }
以上实例只是普通的验证,如果要在生产环境中使用,需要严格判断,如果输入的空格,或者连续空格 isNaN 是判别不出来的。可以添加正则来判断(后续章节会说明):
if(isNaN(x)||x.replace(/(^\s*)|(\s*$)/g,"")==""){ alert("不是数字"); }
实例代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> C语言网(www.dotcpp.com)</title> </head> <body> <h1>我的第一段 JavaScript</h1> <p>请输入数字。如果输入值不是数字,浏览器会弹出提示框。</p> <input id="demo" type="text"> <script> function myFunction() { var x=document.getElementById("demo").value; if(isNaN(x)||x.replace(/(^\s*)|(\s*$)/g,"")==""){ alert("不是数字"); } } </script> <button type="button" onclick="myFunction()">点击这里</button> </body> </html>
运行结果:
现在我们对JavaScript这门编程语言有了一定的了解,接下来我们将会了解到一些关于Js的小常识
你知道吗?
1.JavaScript 与 Java 是两种完全不同的语言,无论在概念上还是设计上。 Java(由 Sun 发明)是更复杂的编程语言。
2.ECMA-262 是 JavaScript 标准的官方名称。
3.JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中(该浏览器已停止更新),并于 1997 年被 ECMA(一个标准协会)采纳。
ECMAScript 版本 | 发布年份 | 主要特性 |
ES5 | 2009 | 严格模式、数组方法、JSON对象、属性描述符等 |
ES6(ES2015) | 2015 | 块级作用域、箭头函数、类、模块、解构赋值、Promise、扩展的对象和数组功能等 |
ES7(ES2016) | 2016 | includes方法、指数运算符、Array.prototype.includes()、Array.prototype.flat()等 |
ES8(ES2017) | 2017 | async/await、Object.entries()、Object.values()、字符串填充方法、共享内存和原子操作等 |
ES9(ES2018) | 2018 | 异步迭代器、Rest/Spread操作符、Promise.finally()、正则表达式命名捕获组等 |
ES10(ES2019) | 2019 | Array.prototype.flat()、Array.prototype.flatMap()、Optional Chaining、Nullish Coalescing运算符、Symbol.prototype.description属性等 |
ES11(ES2020) | 2020 | 可选链操作符、Nullish 合并操作符、动态导入、BigInt、Promise.allSettled()等 |
ES12(ES2021) | 2021 | String.prototype.replaceAll()、Promise.any()、逻辑赋值操作符、私有字段等 |
本文固定URL:https://www.dotcpp.com/course/1239