javascript 文档未定义javascript错误
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/46841788/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
document is not defined javascript error
提问by user7124275
I have finished a project and it runs perfectly.I keep getting error notifications that 'document' is not defined. I have the same notification every time I address the document. Is there a way I can keep this from being recognized as an error?
我已经完成了一个项目，它运行良好。我不断收到“文档”未定义的错误通知。每次我处理文件时都会收到相同的通知。有什么方法可以避免将其识别为错误？
JS:
JS：
function check_prime() {
var input = document.getElementById("enteredNumber").value;
var number = parseInt(input);
if (isNaN(number)) {
alert("Oops! Please enter a valid number.");
document.getElementById("enteredNumber").value="";
document.getElementById("answer").innerHTML = "";
document.getElementById("enteredNumber").focus();
}
else if (input.length === 0) {
alert("Please enter a valid input");
document.getElementById("enteredNumber").focus();
}
else if (!isNaN(number)) {
var divisors = is_perfect(number);
if (divisors) {
document.getElementById("answer").innerHTML = "Congratulations! " + number + " is a perfect number.";
alert("Congratulations! " + number + " is a perfect number. The divisors are: " + divisors.toString() + ".") ;
}
else {
document.getElementById("answer").innerHTML = "I'm sorry! " + number + " is not a perfect number."
}
}
else {
document.getElementById("answer").innerHTML = "Please enter a number.";
}
}
function is_perfect(number) {
var temp = 0;
var divisors = [];
for(var i=1;i<=number/2;i++) {
if (number%i === 0) {
divisors.push(i);
temp += i;
}
}
return temp === number ? divisors : null;
}
function clear_textbox(){
document.getElementById("answer").innerHTML = "";
document.getElementById("enteredNumber").value="";
document.getElementById("enteredNumber").focus();
}
HTML:
HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="main.css">
<link href="https://fonts.googleapis.com/css?family=Oswald:700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
</head>
<body>
<h2> PERFECTION </h2>
<h3> PLEASE ENTER A NUMBER: </h3><br>
<div>
<input type="text" id="enteredNumber" autofocus value = "" /> <br><br>
<input type="submit" value="Check"
title="Perfection"
onclick="check_prime()" />
<input type="submit" value="Clear"
title="Click here to clear the text box."
onclick="clear_textbox()" />
<br><br>
<p id="answer"></p>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
<script src="app.js">
</script>
I am also getting errors that 'alert' is not defined... I don't know if I missed something.
我也收到未定义“警报”的错误...我不知道我是否遗漏了什么。
回答by Austin Greco
Update: new info
更新：新信息
Try adding
尝试添加
/*eslint-env browser*/
at the top.
在顶部。
ERROR: 'document' is not defined. [no-undef] document.getElementById("answer").innerHTML = "";
错误：未定义“文档”。[no-undef] document.getElementById("answer").innerHTML = "";
This error is a lint error (See eslint [no-undef]). It will not affect your code running in a browser, but your local build may be stopped from running when it detects lint errors.
此错误是 lint 错误（请参阅eslint [no-undef]）。它不会影响您在浏览器中运行的代码，但是当检测到 lint 错误时，您的本地构建可能会停止运行。
You are probably using eslint, so check out this guideand you should configure
您可能正在使用eslint，因此请查看本指南，您应该配置
{
"env": {
"browser": true
}
}
in your .eslintrcfile.
在您的.eslintrc文件中。
Maybe an even easier way is just add this comment:
也许更简单的方法是添加以下评论：
/*eslint-env browser*/
Your code appears to be working. Are you getting that error in the browser console? If not it might just be a lint error.
您的代码似乎正在运行。您是否在浏览器控制台中收到该错误？如果不是，它可能只是一个 lint 错误。
It would really help to paste the exact error message you are getting.
粘贴您收到的确切错误消息真的很有帮助。
function check_prime() {
var input = document.getElementById('enteredNumber').value;
var number = parseInt(input);
if (isNaN(number)) {
alert('Oops! Please enter a valid number.');
document.getElementById('enteredNumber').value = '';
document.getElementById('answer').innerHTML = '';
document.getElementById('enteredNumber').focus();
} else if (input.length === 0) {
alert('Please enter a valid input');
document.getElementById('enteredNumber').focus();
} else if (!isNaN(number)) {
var divisors = is_perfect(number);
if (divisors) {
document.getElementById('answer').innerHTML =
'Congratulations! ' + number + ' is a perfect number.';
alert(
'Congratulations! ' +
number +
' is a perfect number. The divisors are: ' +
divisors.toString() +
'.'
);
} else {
document.getElementById('answer').innerHTML =
"I'm sorry! " + number + ' is not a perfect number.';
}
} else {
document.getElementById('answer').innerHTML = 'Please enter a number.';
}
}
function is_perfect(number) {
var temp = 0;
var divisors = [];
for (var i = 1; i <= number / 2; i++) {
if (number % i === 0) {
divisors.push(i);
temp += i;
}
}
return temp === number ? divisors : null;
}
function clear_textbox() {
document.getElementById('answer').innerHTML = '';
document.getElementById('enteredNumber').value = '';
document.getElementById('enteredNumber').focus();
}<h2> PERFECTION </h2>
<h3> PLEASE ENTER A NUMBER: </h3><br>
<div>
<input type="text" id="enteredNumber" autofocus value="" /> <br><br>
<input type="submit" value="Check" title="Perfection" onclick="check_prime()" />
<input type="submit" value="Clear" title="Click here to clear the text box." onclick="clear_textbox()" />
<br><br>
<p id="answer"></p>
</div>回答by Tariqul_Islam
To remove this error you can use eslint. For Brackets editor install brackets-eslint
要消除此错误，您可以使用 eslint。对于括号编辑器安装括号 eslint
