Question

我正在做一个非常简单的任务。我在Visual Studio 2019上创建的简单Web项目的html中添加了一些javascript代码。但是它没有在script标签内运行代码，也没有给出任何错误。我知道我现在无法弄清楚这将是一个很小的错误。请帮忙。

<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <h1>JS Code</h1>
    <button type="button"
            onclick="document.getElementById('demo').innerHTML = Date()">
        Click me to display Date and Time.
    </button>

    <script type="text/javascript">
        var x = "John Doe";  // String written inside quotes
        document.getElementById("demo1").innerHTML = x;
    </script>

    <p id="demo"></p>
    <p id="demo1"></p>

</body>
</html>

运行代码后，button标记内的代码可以正常工作，但脚本不起作用。很抱歉有一个非常愚蠢的问题。非常感谢您的帮助

Answer 1

您的脚本标记已添加到您在脚本中引用的<p id="demo1"></p>之前。因此，当脚本运行时，没有这样的标记，因此无法将“ John Doe”添加到其中。固定：

<html>
<head>
    <meta charset="utf-8" />
    <script></script>
    <title></title>
</head>
<body>
    <h1>JS Code</h1>
    <button type="button"
            onclick="document.getElementById('demo').innerHTML = Date()">
        Click me to display Date and Time.
    </button>

    

    <p id="demo"></p>
    <p id="demo1"></p>
    <script type="text/javascript">
        var x = "John Doe";  // String written inside quotes
        document.getElementById("demo1").innerHTML = x;
    </script>
</body>
</html>

为什么“脚本”中的代码无法在html中使用？

1 个答案: