P15 关于NaN

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于NaN</title>

    <script>

        window.onload = function () {
            var a = parseInt('abc'); // NaN
            var b = parseInt('def'); // NaN
            /* 
            这里是javascript中的一个特别需要注意的地方
            NaN是不等于NaN的, 如果要判断一个变量是不是非数字, 需要使用isNaN()方法来判断
             */
            alert(a == b); // false
            alert(isNaN(a)); // true

            var oText1 = document.getElementById('text1');
            var oText2 = document.getElementById('text2');
            var oBtn = document.getElementById('btn1');
            oBtn.onclick = function () {
                var n1 = parseInt(oText1.value);
                var n2 = parseInt(oText2.value);
                if (isNaN(n1)) {
                    alert('您输入的第一个数字有误');
                } else if (isNaN(n2)) {
                    alert('您输入的第一个数字有误');
                } else {
                    alert("两个数字的和是: "+(n1 + n2));
                }
            }

        }
    </Script>
</head>

<body>
    <input id="text1" type="text">
    <input id="text2" type="text">
    <input id="btn1" type="button" value="求和">
</body>

</html>

 

posted @ 2020-07-11 22:30  Runmoxin  阅读(68)  评论(0编辑  收藏  举报