Fatal编程技术网

Javascript不工作Visual Studio

javascript visual-studio-2017

Javascript不工作Visual Studio,javascript,visual-studio-2017,Javascript,Visual Studio 2017,我目前的代码是： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>App1</title> <link href="css/default.css" rel="stylesheet" /> </head> <body> &l

我目前的代码是：

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


附件1

内容在这里

试试看
函数myFunction（）{
document.getElementById（“测试”）.innerHTML=“工作”；
}
当我在Visual Studio 2017上调试时，html工作正常。

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

编辑：它是作为一个空白的JavaScript应用程序制作的，如果它改变了什么，我说不出为什么会这样。代码中没有任何内容表明存在问题，只是浏览器中打开的文件可能不是您在Visual Studio中编辑的文件

确保在VisualStudio中，右键单击源代码并选择在浏览器中运行页面

我可以说，您不应该使用内联HTML事件属性（
onclick
，等等），为什么

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


附件1

内容在这里

试试看
//获取DOM引用
var p=document.getElementById（“测试”）；
var btn=document.getElementById（“btn”）；
btn.addEventListener（“单击”，myFunction）；
函数myFunction（）{
p、 innerHTML=“工作”；
}
开发人员控制台中是否没有错误？你确定吗？如果你在Visual Studio中运行它，右键单击页面并查看源代码，你会看到任何奇怪的东西吗？这里似乎缺少了一些东西。您可以尝试添加type=text/javascript吗。可能有效。@biswajit rout
text/javascript
是浏览器中的默认值。是的。你的代码很完美，但我认为这可能是个问题。最好访问按钮的id并在单击按钮时添加代码。我认为这是更好的方法。否则可以使用jquery或angular。