全局和本地javascript范围[关闭]

【问题标题】：global and local javascript scope [closed]全局和本地javascript范围[关闭]
【发布时间】：2012-02-27 12:32:32
【问题描述】：

为什么这个函数不能识别全局变量？

<script type="text/javascript">
var id_f = document.getElementById('f');

function foo()
{
id_f.innerHTML=("text");
}
</script>

【问题讨论】：

【解决方案1】：

如果没有找到匹配的元素，.getElementById() 函数将返回 null，这不是错误，但如果您的 id_f 变量是 null，则它没有 .innerHTML 属性，这将给出错误。

即使您的页面源中存在匹配的元素，也不会找到它，除非在脚本运行后实际解析了该元素。因此，您的脚本需要位于源中元素之后的某个位置（例如，就在结束 </body> 标记之前），或者您需要添加一个 onload 或 document.ready 类型的处理程序并从那里运行您的代码。

（如果将console.log(id_f) 或alert(id_f) 添加到函数的开头会得到什么？）

【讨论】：