Question

我目前的代码是：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>App1</title>
    <link href="css/default.css" rel="stylesheet" />
</head>
<body>
    <p id="test">Content goes here!</p>
    <button onclick="myFunction()">Try it</button>
    <script>  
        function myFunction() {
            document.getElementById("test").innerHTML = "Working";
        }
    </script>
</body>
</html>

当我在Visual Studio 2017上调试时，html工作正常。 Picture of code execution

但是，单击该按钮不会执行任何操作。没有错误消息，没有任何反应。如果我将代码复制并粘贴到文本文档中，请将其格式化为html并测试在Chrome中，一切正常。知道为什么会这样吗？

编辑：如果它改变了任何内容，那么它就是一个空白的JavaScript应用程序

Answer 1

我不能说为什么会这样。除了浏览器中打开的文件可能不是您在Visual Studio中编辑的文件之外，代码中没有任何内容可以指示问题。

确保从Visual Studio中右键单击源代码并选择在浏览器中运行该页面。

我可以说你不应该使用内联HTML事件属性（somecolumn等），here's为什么。

尝试重新格式化代码，以使用基于标准的现代代码：

onclick

Javascript无法使用Visual Studio

1 个答案: