假设现在有一个文本框,用户输入了以下代码:
document.getElementById("id").;
这肯定会导致一些语法错误。
还有一个“运行”按钮。我的要求是:
如果用户点击该按钮,则应验证文本框中编写的代码是否语法正确。如果语法不正确,则应发出警报,提示“语法不正确”。我不需要显示错误发生在哪里。只需检查代码是否语法正确即可。
我该如何实现这个功能?
假设现在有一个文本框,用户输入了以下代码:
document.getElementById("id").;
这肯定会导致一些语法错误。
还有一个“运行”按钮。我的要求是:
如果用户点击该按钮,则应验证文本框中编写的代码是否语法正确。如果语法不正确,则应发出警报,提示“语法不正确”。我不需要显示错误发生在哪里。只需检查代码是否语法正确即可。
我该如何实现这个功能?
您可以使用 eval
执行文本框中的代码,并将其包装在 try/catch 中。像这样(这里只是为了方便而硬编码):
try
{
eval('document.getElementById("id").;');
}
catch(e)
{
console.log(e);
//show your own custom error message or something...
}
出现以下结果:SyntaxError: 语法错误