Fatal编程技术网

javaScript根本不被认可

javascript html

javaScript根本不被认可,javascript,html,Javascript,Html,我已经创建了一个简单的网页，所以我可以使用JavaScript。下面的代码只是其中的一小部分。我在其中编写的javascript不会起任何作用。我不知道为什么。我知道这并不难，但我不知道这有什么问题。这就像浏览器根本无法识别脚本一样。有人能帮我解决这个问题吗 <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8" /> &

我已经创建了一个简单的网页，所以我可以使用JavaScript。下面的代码只是其中的一小部分。我在其中编写的javascript不会起任何作用。我不知道为什么。我知道这并不难，但我不知道这有什么问题。这就像浏览器根本无法识别脚本一样。有人能帮我解决这个问题吗

    <!DOCTYPE HTML>
    <html>
        <head>
            <meta charset="UTF-8" />
            <title>Add User</title>
            <link rel="shortcut icon" href="logo.png"/>
            <link rel="stylesheet" href="style.css" type="text/css"/>
            <script type="text/javascript">     
                function changeBackground() 
                {
                    alert("Java is working!");
                    document.getElementByID("top_nav").background-color = "green";
                    document.getElementByID("top_nav").innerHTML = "green";
                }
            </script>
        </head>
        <body>
        <div id="top_nav" onload="changeBackground()" style="height: 500px; width: 500px;">
<button type="button" onclick="changeBackground()">button</button>
</div>
        </body>
        </html>


添加用户
函数changeBackground（）
{
警报（“Java正在工作！”）；
document.getElementByID（“顶部导航”）.background color=“绿色”；
document.getElementByID（“top_nav”）.innerHTML=“绿色”；
}
按钮
应该是
document.getElementById（“top_nav”）.style.backgroundColor
和
getElementById
，而不是
getElementById
：

   <!DOCTYPE HTML>
    <html>
        <head>
            <meta charset="UTF-8" />
            <title>Add User</title>
            <link rel="shortcut icon" href="logo.png"/>
            <link rel="stylesheet" href="style.css" type="text/css"/>
            <script type="text/javascript">     
                function changeBackground() 
                {
                    alert("Java is working!");
                    document.getElementById("top_nav").style.backgroundColor = "green";
                    document.getElementById("top_nav").innerHTML = "green";
                }
            </script>
        </head>
        <body>
        <div id="top_nav" onload="changeBackground()" style="height: 500px; width: 500px;">
<button type="button" onclick="changeBackground()">button</button>
</div>
        </body>
        </html>


添加用户
函数changeBackground（）
{
警报（“Java正在工作！”）；
document.getElementById（“top_nav”）.style.backgroundColor=“绿色”；
document.getElementById（“top_nav”）.innerHTML=“绿色”；
}
按钮
没有div“onload”事件。您没有调用正确的函数（javascript区分大小写）来按ID获取元素，它是backgroundColor而不是backgroundColor，并且它脱离了样式对象，而不是html元素本身

另外，这是JavaScript

<!DOCTYPE HTML>
    <html>
        <head>
            <meta charset="UTF-8" />
            <title>Add User</title>
            <link rel="shortcut icon" href="logo.png"/>
            <link rel="stylesheet" href="style.css" type="text/css"/>
            <script type="text/javascript">     
                function changeBackground() 
                {
                    alert("JavaScript is working!");
                    document.getElementById("top_nav").style.backgroundColor = "green";
                    document.getElementById("top_nav").innerHTML = "green";
                }
            </script>
        </head>
        <body>
        <div id="top_nav" style="height: 500px; width: 500px;">
<button type="button" onclick="changeBackground()">button</button>
</div>
        </body>
        </html>


添加用户
函数changeBackground（）
{
警报（“JavaScript正在工作！”）；
document.getElementById（“top_nav”）.style.backgroundColor=“绿色”；
document.getElementById（“top_nav”）.innerHTML=“绿色”；
}
按钮
在两行代码中出现语法错误、语义错误和拼写错误。您正在编写的语言叫做JavaScript，而不是Java。这就是您将看到报告的错误的地方。“给你”后面跟着代码是对问题的糟糕描述。请描述您更改了什么，以及为什么需要更改。感谢您的反馈！肯定有进步。删除了我的-1。非常感谢。