为什么javascript链接在本地主机中不起作用？

当脚本标记在头部时，请帮助js文件在localhost中不工作。

document.getElementById（“demo”）.innerHTML=
“约翰”+“
的类型+
类型3.14+“
”+
类型为false+“
”+
[1,2,3,4]+“
的类型+
类型{姓名：'john'，年龄：34}

标题

这是因为当您将此js片段放入head标记中时，它不知道什么是

但当您将其放入body标记中时，首先解析DOM，然后执行js。您仍然可以使用
window.load
将其放在head标签中

window.onload=function(){
document.getElementById("demo").innerHTML =
    typeof "john" + "<br>" +
    typeof 3.14 + "<br>" +
    typeof false + "<br>" +
    typeof [1,2,3,4] + "<br>" +
    typeof {name:'john', age:34};
}

window.onload=function（）{
document.getElementById（“demo”）.innerHTML=
“约翰”+“
的类型+
类型3.14+“
”+
类型为false+“
”+
[1,2,3,4]+“
的类型+
类型{姓名：'john'，年龄：34}；
}

文档。getElementById（“demo”）
将尝试查找id为
demo
的元素，但由于页面尚未完全呈现，因此它将找不到任何内容并返回
null

使用
window.onload

window.onload = function(){
    document.getElementById("demo").innerHTML =
    typeof "john" + "<br>" +
    typeof 3.14 + "<br>" +
    typeof false + "<br>" +
    typeof [1,2,3,4] + "<br>" +
    typeof {name:'john', age:34};
};

window.onload=function（）{
document.getElementById（“demo”）.innerHTML=
“约翰”+“
的类型+
类型3.14+“
”+
类型为false+“
”+
[1,2,3,4]+“
的类型+
类型{姓名：'john'，年龄：34}；
};
问题在于，代码在主体加载之前在头部执行
document.getElementById（“demo”）
找不到元素“demo”，因为它还不存在

在加载时使用它：

window.onload = function() {
    document.getElementById("demo").innerHTML =
    typeof "john" + "<br>" +
    typeof 3.14 + "<br>" +
    typeof false + "<br>" +
    typeof [1,2,3,4] + "<br>" +
    typeof {name:'john', age:34};
}

window.onload=function（）{
document.getElementById（“demo”）.innerHTML=
“约翰”+“
的类型+
类型3.14+“
”+
类型为false+“
”+
[1,2,3,4]+“
的类型+
类型{姓名：'john'，年龄：34}；
}
脚本应始终加载在身体底部，以确保在执行之前加载DOM。或者，您可以使用JQuery
$（document）.ready（函数（）{//将代码放在这里}）
在onload中使用您的代码……您是指mozilla中的F12吗？