Question

我正在学习将js与html链接，所以我写了这个，但它没有用我需要知道它有什么问题！代码：

 <Html>
    <head>
    <title>test</title>
    <Script>
    Function test() {
    Alert(document.getElementById("input").value);
    }
    </script>
    </head>
    <Body>
    <form>
    <fieldset>
    <input Type="text" name="input" id="input" />
    <Button onClick="test()"> alert</button>
    </fieldset>
    </form>
    </Body>
    </Html>

Answer 1

检查您的控制台。没有名为Alert()的功能。这是区分大小写的。您正在寻找alert();，function应该是小写的“F”。

此外，内联JavaScript（例如html中的onclick）是不好的做法。在此研究：https://www.google.com/search?q=Why+is+inline+js+bad%3F

顺便说一句，html不区分大小写，但使用小写是标准做法。我认为这里有相关内容，因为您遇到了与JavaScript有关的案例敏感问题。

Answer 2

这是一个质量非常低的问题。您没有告诉我们您希望此代码执行的操作（提醒文本框的内容，我假设）。将来，请不使用“它不起作用”作为问题的描述。我会给你一些懈怠，因为它看起来像你是新人。

无论如何，如果您在浏览器中打开了JavaScript控制台，您会在第5行看到语法错误（或“意外标识符”）。这就是您声明test()函数的地方。我们来看看它：

Function test() {
  Alert(document.getElementById("input").value);
}

注意您正在使用“功能”。 JavaScript 区分大小写，这意味着function和Function意味着两个完全不同的东西。您需要function，这是关键字。

同样，没有Alert()这样的功能。您需要使用alert()代替。

固定代码是：

function test() {
  alert(document.getElementById("input").value);
}

祝你学习顺利！

Answer 3

您的代码存在语法错误

脚本应该是

 <Script>
    function test() {
    alert(document.getElementById("input").value);
    }
    </script>

功能和警报都应该是小写字母

html + Js代码不起作用

3 个答案: