Javascript 未捕获的SyntaxError:代码中的令牌无效或意外

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')

我有这个密码。Chrome中的错误为“未捕获SyntaxError:无效或意外令牌”

我试图从表单中获取数据,并将其显示在同一页的div中

<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
    not
    getElementById
    @urbz:但是,这不符合症状。我认为urbz在这一点上可能是正确的,但如果没有看到完整的控制台错误,则很难判断。另外,请注意,命名函数声明后面不需要分号。您能为我们设置一个JSFIDLE来查看整个代码吗?html、css、JS至少可以告诉你错误在哪一行。此外,如果您单击控制台中的错误消息,它将显示意外标记。这似乎已修复了错误,但它不在clarityYeah的单独.js文件中。当您说第35行指向
    }
    行时,我发现了这一点。:-)(你可能看不到对答案的编辑,我建议点击刷新。)是的,非常感谢,我还有一些其他错误,但我可以修复,我只是不知道这个错误到底是为了什么,我很感激it@KeananTydeFlowerday:坦白说,我以前见过它,应该早点发现它。:-)很乐意帮忙。