Javascript 未捕获的SyntaxError:代码中的令牌无效或意外
我有这个密码。Chrome中的错误为“未捕获SyntaxError:无效或意外令牌” 我试图从表单中获取数据,并将其显示在同一页的div中Javascript 未捕获的SyntaxError:代码中的令牌无效或意外,javascript,jquery,Javascript,Jquery,我有这个密码。Chrome中的错误为“未捕获SyntaxError:无效或意外令牌” 我试图从表单中获取数据,并将其显示在同一页的div中 <script type="text/javascript"> function getfromForm() { var name = document.getElementById('name_txtbox').val(); var number = document.getElementById('phone_txtbox')
<script type="text/javascript">
function getfromForm()
{
var name = document.getElementById('name_txtbox').val();
var number = document.getElementById('phone_txtbox').val();
var email = document.getElementById('email_txtbox').val();
var message = document.getElementById('message_txtbox').val();
console.log(name);
console.log(number);
console.log(email);
console.log(message);
document.getElementById('name1').html(name);
document.getElementById('phone1').html(number);
document.getElementById('email1').html(email);
document.getElementById('msg1').html(message);
};
</script>
函数getfromForm()
{
var name=document.getElementById('name_txtbox').val();
var number=document.getElementById('phone_txtbox').val();
var email=document.getElementById('email_txtbox').val();
var message=document.getElementById('message_txtbox').val();
console.log(名称);
控制台日志(编号);
控制台日志(电子邮件);
控制台日志(消息);
document.getElementById('name1').html(name);
document.getElementById('phone1').html(数字);
document.getElementById('email1').html(email);
document.getElementById('msg1').html(消息);
};
无效/意外标记
问题中的代码没有无效/意外的标记。(编辑:是的,我只是复制得不够。)我可以想出两个你可能会犯错误的原因:
.js
文件中有确切的问题(使用脚本标记),请按如下方式加载:
<script src="filename.js"></script>
function getfromForm()
{
var name = $('#name_txtbox').val()
var number = $('#phone_txtbox').val();
var email = $('#email_txtbox').val();
var message = $('#message_txtbox').val();
console.log(name);
console.log(number);
console.log(email);
console.log(message);
$('#name1').html(name);
$('#phone1').html(number);
$('#email1').html(email);
$('#msg1').html(message);
}
不使用jQuery,直接使用DOM API,它将是:
function getfromForm()
{
var name = document.getElementById('#name_txtbox').value
var number = document.getElementById('phone_txtbox').value;
var email = document.getElementById('email_txtbox').value;
var message = document.getElementById('message_txtbox').value;
console.log(name);
console.log(number);
console.log(email);
console.log(message);
document.getElementById('name1').innerHTML = name;
document.getElementById('phone1').innerHTML = number;
document.getElementById('email1').innerHTML = email;
document.getElementById('msg1').innerHTML = message;
}
更多信息可供探索:
.val()
是jQuery,而不是本机。。另外,语法是getElementById
notgetElementById
@urbz:但是,这不符合症状。我认为urbz在这一点上可能是正确的,但如果没有看到完整的控制台错误,则很难判断。另外,请注意,命名函数声明后面不需要分号。您能为我们设置一个JSFIDLE来查看整个代码吗?html、css、JS至少可以告诉你错误在哪一行。此外,如果您单击控制台中的错误消息,它将显示意外标记。这似乎已修复了错误,但它不在clarityYeah的单独.js文件中。当您说第35行指向}
行时,我发现了这一点。:-)(你可能看不到对答案的编辑,我建议点击刷新。)是的,非常感谢,我还有一些其他错误,但我可以修复,我只是不知道这个错误到底是为了什么,我很感激it@KeananTydeFlowerday:坦白说,我以前见过它,应该早点发现它。:-)很乐意帮忙。