Javascript将不会显示在浏览器中_Javascript_Html_Css

Javascript将不会显示在浏览器中

javascript html css

Javascript将不会显示在浏览器中,javascript,html,css,Javascript,Html,Css,我在一个外部文件中使用Javascript，它似乎不会显示出来。我能看到的唯一语法是：alert（“Welcome user”）；。别的什么也看不出来。下面是我正在使用的代码 <html> <head> <title>Hello World</title> <link href="style.css" type="text/css" rel="stylesheet"> <sc

我在一个外部文件中使用Javascript，它似乎不会显示出来。我能看到的唯一语法是：alert（“Welcome user”）；。别的什么也看不出来。下面是我正在使用的代码

<html>
    <head>
        <title>Hello World</title>
        <link href="style.css" type="text/css" rel="stylesheet">
        <script type="text/javascript" src="script.js"></script>
    </head>
    <body>
        <script>
            var x, y, z;
            x = 5;
            y = 6;
            z = x*y;
            document.getElementById("z").innerHTML = z;
        </script>
        <h2>Hello World</h2>
        <p>Hello world!</p>
        <p class="popular">Test.</p2>
    </body>
</html>


你好，世界
变量x，y，z；
x=5；
y=6；
z=x*y；
document.getElementById（“z”）.innerHTML=z；
你好，世界
你好，世界
测试。

添加的标记只是为了看看它是否能在HTML文件中工作。但是没有变化

var time = new Date().getHours();
if (time < 20) {
  document.getElementById("demo").innerHTML = "have a good day!";
}

var x, y, z;
x = 5;
y = 6;
z = x*y;

document.getElementById("demo").innerHTML = z;

var time=newdate（）.getHours（）；
如果（时间<20）{
document.getElementById（“demo”）.innerHTML=“祝您愉快！”；
}
变量x，y，z；
x=5；
y=6；
z=x*y；
document.getElementById（“demo”）.innerHTML=z；

我希望有人能帮我解决这个问题，因为它真的很困扰我

您没有具有

id=“z”

或

id=“demo”

的元素，没有与

elementById（）请求匹配的元素。此外，外部文件在加载时执行，因此在创建body元素和其中的所有HTML元素之前运行。因此，您可能更愿意在关闭body元素之前通过
插入脚本

你好，世界
你好，世界
你好，世界
测试。
变量x，y，z；
x=5；
y=6；
z=x*y；
document.getElementById（“z”）.innerHTML=z；
对此进行更改，但您还需要将脚本移至代码底部：
document.getElementsByClassName("popular")[0].innerHTML = z;

嗯，没有ID为z的元素？您希望看到什么？即使存在具有您目标ID的元素，也无法在加载html正文之前运行javascript时找到。请参阅我的最新评论。
document.getElementsByClassName("popular")[0].innerHTML = z;