                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

能帮我看下哪出错了吗

Lshah

2016-03-22

源自：JavaScript进阶篇 6-11

关注问题我要回答

616

操作

收起

2 回答

蝎子126 回答被采纳 +3 积分
2016-03-23

Q1：放在外面为什么结果是 undifined呢？

因为html的执行顺序是从上至下的。你的 <script><／script>是在上面的，

所以你在执行var a=parseInt(document.getElementById("txt1").value)时;页面中的input还没有加载出来。获得不到这个元素，所以显示为undifined而不是NaN；

你可以自己测试一下：

（1）把<script>代码<／script>放在<head>里。显示为undifined。

（2）把<script>代码<／script>放在页面最下面<body>里。显示为NAN；所以一般推荐将JS代码放在下面。

Q2:但是为什么要放在函数里面呢？

如果放在外边，页面加载完成后就已经执行了

var a=parseInt(document.getElementById("txt1").value);
   var b=parseInt(document.getElementById("txt2").value);
   var c=document.getElementById("select").value;
   var d="";

而此刻你的输入框里还是空的。所以a =NaN,b=NaN;

当你输入数字时，完点击“＝”,调用count()方法时。a,b,的仍为NaN;

放在里面，点击“＝”时，才获取a,b输入框的值。所以就不为NaN ,就正确了啊。

这样说明白了吗？

0 回复有任何疑惑可以回复我~

收起回答

Lshah 提问者

不好意意思想问一下NAN什么意思呢

2016-03-24 回复有任何疑惑可以回复我~

蝎子126 回复 Lshah 提问者

not a number 的缩写。因为你用parseInt将字符串转为int类型了。所以提示的是NaN.

2016-03-24 回复有任何疑惑可以回复我~

Lshah 提问者回复蝎子126

哦哦谢谢哈

2016-03-24 回复有任何疑惑可以回复我~

查看1条回复

Lshah 提问者
2016-03-22

我知道哪出错了，

var a=parseInt(document.getElementById("txt1").value);
   var b=parseInt(document.getElementById("txt2").value);
   var c=document.getElementById("select").value;
   var d="";

应该放在函数里面，但是为什么要放在函数里面呢？放在外面为什么结果是 undifined呢？

0 回复有任何疑惑可以回复我~

收起回答

请叫我橙子蛋

刚开始以为是你定义a b 的类型错了，后来发现是你定义这三个类型的位置不对。按你这个代码页面运行的时候先读取了input的值。。你后面执行点击事件的时候根本没有去值，当然计算不出来了大兄弟

2016-03-23 回复有任何疑惑可以回复我~

Lshah 提问者回复请叫我橙子蛋

但是放在外面不是全局变量吗？我不是特别懂你解释的问题，能详细点吗?谢谢你~

2016-03-23 回复有任何疑惑可以回复我~

请叫我橙子蛋回复 Lshah 提问者

我的意思是把这几句放在点击事件里面

2016-03-23 回复有任何疑惑可以回复我~