把 var text = document.getElementById("text");定义成全局变量时发生错误

为什么把text定义成全局变量后无法在init()方法里面访问text.disabled变量，但是如果我把text定义在init()方法里面就可以访问了，这是什么问题？

是不是因为我采用onload="init()"方法先加载了init()这个方法，但是上面的全局变量还没有被加载？如果是的话，那么全局变量是什么时候被加载呢？

源自：案例：仿计算器 3-5 计算器细节完善

收起

2回答

好帮手慕阿慧 2021-02-07 18:56:34

同学你好，同学可以测试比对一下，如 js中代码如下：

情况一：在head中引入js文件，代码如下：

运行结果如下：

情况二：在bod标签下引入js文件，代码如下：

运行结果如下：

祝学习愉快~

好帮手慕阿慧 2021-02-07 11:20:07

同学你好，

1、发生错误可能是页面加载还没完成时，使用document.getElementById("text")不能获取到元素，text变量为null。建议同学将script标签写在body标签后面。避免页面加载还没完成时，script中代码无法获得页面中元素。

参考代码如下：

另外，同学看一下页面中有没有id为text的元素。如果没有，那么document.getElementById("text")也是null。

如下：

2、js中全局变量在加载js文件时会被加载执行。

祝学习愉快~

提问者 weixin_慕无忌2153485 #1

首先html文件里面有text这个id，其次，如果没有加载完页面，那为什么init()这个方法的定义会先于全局变量加载？
js文件的加载顺序不是从上往下的吗

2021-02-07 11:25:43
好帮手慕阿慧回复提问者 weixin_慕无忌2153485 #2

同学你好，js文件的加载顺序是从上往下的。
如果在<head>中引入js文件，那么在加载html页面的同时，还会执行js文件中代码，给text全局变量赋值。
如果在html还没有加载到
<input type="text" name="num" id="text" />元素时，js文件执行到了var text=document.getElementById("text");代码，由于在html页面中没有找到id为text的元素，所以text变量就是null，在执行后面
text.disabled="disabled";时，由于text为null，text.disabled就会报错。
祝学习愉快~

2021-02-07 11:36:33
提问者 weixin_慕无忌2153485 回复好帮手慕阿慧 #3

解释是错误的！！！按照你这么说那些把script引用写在head里面的同时script需要使用getElementById, getElementsByName, getELementsByTagName等全都不能用，你觉得可能吗

2021-02-07 17:27:05