引用错误：从 HTML 文件调用 JS 函数(或变量)时找不到变量 X

我正试图从HTML文件调用外部JavaScript文件中的函数。目标是在那里处理表单的内容。

我尝试了很多事情，但总是得到错误">ReferenceError:找不到变量：X">

jquery javascript文件加载的定位
<script src="XXX">调用的定位
从按钮"onclick"或表单"onsubmit"调用函数
尝试从HTML中的嵌入脚本调用javascript文件

这就是我的JavaScript文件和HTML现在的样子：

function submit(e) {
answerText = document.getElementById("text").value;
// Do something with it.
}

<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="/scripts/debug_alerts.js" type="text/javascript"></script>
</head>
<body>
<form id="validation-form" onsubmit="return submit(e)">
<input type="text" class="form-control" name="text" id="text" placeholder="Text" required>
<button type="button" class="btn btn-primary" onclick="submit(e)">Send</button>
</form>
</body>

我也试过

function doSomething() {
// Do something
}

<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="/scripts/debug_alerts.js" type="text/javascript"></script>
</head>
<body>
<form id="validation-form" onsubmit="return submit(e)">
<input type="text" class="form-control" name="text" id="text" placeholder="Text" required>
<button type="button" class="btn btn-primary" onclick="submit(e)">Send</button>
</form>
<script>
function submit(e) {
doSomething();
}
</script>
</body>

在这两种情况下，它一次又一次地返回相同的错误：">ReferenceError:找不到变量：X"。在第一个例子中，X是"submit"，在第二个例子中是"doSomething"。

我们非常欢迎所有的帮助。我知道这里也有类似的标题，但没有一个解决方案对我有任何帮助

嘿，所以当我在html中运行没有e作为提交函数参数的代码时，它没有给我错误。我认为这可能是因为在这种情况下，e是提交函数文本的占位符。希望这能有所帮助。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="/scripts/debug_alerts.js" type="text/javascript"></script>
</head>
<body>
<form id="validation-form" onsubmit="return submit(e)">
<input type="text" class="form-control" name="text" id="text" placeholder="Text" required>
<button type="button" class="btn btn-primary" onclick="submit()">Send</button>
</form>
<script type="text/javascript">
function submit(e) {
answerText = document.getElementById("text").value;
// Do something with it.

}
</script>
</body>
</html>

相关内容

最新更新

热门标签：