Javascript无法在Visual Studio中使用

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可以正常工作。 代码执行图

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

编辑：如果更改了任何内容，则将其作为空白JavaScript应用制作

Answer 1

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

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

我可以说您不应该使用内联HTML事件属性（ onclick等），这就是原因。

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

 <!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 id="btn">Try it</button> <script> // Get DOM references var p = document.getElementById("test"); var btn = document.getElementById("btn"); btn.addEventListener("click", myFunction); function myFunction() { p.innerHTML = "Working"; } </script> </body> </html>

Javascript无法在Visual Studio中使用

问题描述

1 个解决方案

解决方案1
0 2017-06-12 18:15:04

Javascript无法在Visual Studio中使用

问题描述

1 个解决方案

解决方案1 0 2017-06-12 18:15:04

解决方案1
0 2017-06-12 18:15:04