Question

当我键入任何内容然后单击“提交”按钮时，它不会在我的控制台中显示任何内容，我错过了什么。

<body>

<form name="fetch-movie-title" id="fetch">
     <input type="text" placeholder="Enter a movie title" id="term" />
     <input type="submit" onclick="showdata()" id="search" value="Find me a poster" />
</form>

<script type="text/javascript">

function showdata() {
    var film = document.getElementById('term').value;
    console.log(film);
}
</script>
</body>

Answer 1

当我运行该代码时，我在控制台中显示此错误：

未捕获的SyntaxError：意外的标记＆lt;

...因为您交换了</script>和</body>代码的位置。

由于您说您什么也看不见，因此问题很可能是因为您在单击提交按钮时运行代码。

JS将运行，然后表单将提交并将加载新页面。

除非您将控制台配置为保留日志，否则将清除控制台并清除其中显示的所有消息。

更改配置。

Answer 2

如果body标签位于脚本标记内，您将收到解析器错误，因此在单击发生时不会定义该函数。

或者，您不能阻止表单提交，因此在您有机会看到输出之前页面可能会重新加载。

使用onclick属性时无法在控制台上看到任何输出？

2 个答案: