0

我正在尝试学习如何调试 jquery。我试图制作一个将动态添加输入字段的页面。数据被发送到jquery。现在进行调试，我尝试console.log了整个数组，但在 Firefox 中出现此错误：

[17:40:27.073] 未声明 HTML 文档的字符编码。如果文档包含 US-ASCII 范围之外的字符，则文档将在某些浏览器配置中呈现乱码。页面的字符编码必须在文档或传输协议中声明。@file:///Users/ateevchopra/Desktop/takemehome%20dynamic/TakeMeHome/index.html

如果我的代码中有错误，请解释这意味着什么。这是我的代码

HTML：

<!doctype html>
<html>

 <head>
    <title>TakeMeHome</title>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.1.custom.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type='text/javascript' src='js/app.js'></script>

  </head>

  <body>
    <center><form id="details">
      Your Place:<input id="source" type="text"><br><br>
      Friend1:<input id="friend1" type="text"><br><br>
      <div id="friends"></div>
      <div id="button">Add!</div><br><br>

       <input type="submit" value="go">
    </form>
  </body>

</html>

jQuery：

 var j=2;
var friends = [];


$(document).ready(function(){

    $('#button').click(function(){
      if(j<11){
          $('#friends').append('Friend'+j+':<input type="text" id="friend'+j+'"/><br/><br/>'); 
        j++;
      }
     else
      {
     alert("Limit reached");
   }
    });



});


$("form").submit(function(){

    friends[0] = ('#source').val();
    for(var i=1;i<j;i++)
    {
        friends[i] = ('#friends'+i+'').val();
    }

    console.log(friends);
});
4

3 回答 3

1

该错误与 JavaSCript 无关。

如果您添加一个类似的元标记，<meta charset="UTF-8" />它应该是固定的。

我还看到您在 doctype 声明中有一个类型。

于 2013-01-19T12:21:48.987 回答
1

这不是您的 Javascript 代码中的错误，而是 Firefox 发出的关于实际 HTML 标记有效性的一般警告。

文档的编码应该在meta标签内声明一个header标签。例如，如果您的编码是 UTF-8，它将是：

<head>
    ...
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    ...
</head>

由于您的文档类型是 HTML5，您还可以使用该charset属性：

<head>
    ...
    <meta charset="UTF-8">
    ...
</head>
于 2013-01-19T12:21:57.953 回答
1

您的代码运行良好，您可以从此控制台看到它。日志 非常适合调试，但我更喜欢您使用 firebug 进行调试。使用 firebug，您可以调试每一行，还可以查看每个变量的值。我正在使用带有firefox的firebug。您可以从该链接下载 firebug for firefox 。希望对您有所帮助。

于 2013-01-19T12:34:36.763 回答