为什么“脚本”中的代码在 html 中不起作用？

debugcn 发表于 Dev

Faizan Kamal |

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

<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>

运行代码后，按钮标记中的代码运行良好，但脚本不起作用。抱歉问了一个非常愚蠢的问题。我将非常感谢您的帮助

莫恩

您的脚本标记已添加到<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>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。