【问题标题】:Button creation Function code error unable to locate按钮创建功能码错误无法定位
【发布时间】:2016-04-10 09:34:44
【问题描述】:

我来到新网站,我曾尝试寻找答案,但无法(如果有人知道可以帮助其赞赏的帖子位置)解决问题......

我正在尝试创建一个按钮系统,该系统将根据数组中的信息添加新按钮,我不断获取要输入的新信息,因此认为可以加快输入和更新速度。

 <!DOCTYPE html>
 <html>
 <head>
   <title> Function Test </title>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
   <script>

    var textNum = ["<b>O</b>ne", "<b>T</b>wo", "three", "four", "five"];
    var i;
    var build = "";
    function callText(a) {

            document.getElementById("demo").innerHTML = textNum[a];
    }

    </script>   
   </head>

    <body>
      <button onclick = "callText(0)"> 1 </button>
      <button onclick = "callText(1)"> 2 </button>
      <button onclick = "callText(2)"> 3 </button>
      <button onclick = "callText(3)"> 4 </button>
      <button onclick = "callText(4)"> 5 </button>
      <p id="demo"></p>

      <br>
      <br>
      <p id="createbutton"></p>
      <p id="displayHere"></p>
    <script>
      var newText =[1, 2];
      var i;
      var build = "";
      function display(a) {
           document.getElementById("displayHere").innerHTML = newText[a];
       };


      for (i = 0; i < newText.length; i++) {

            build +="<button onclick = \\display(i)\\>" + newText[i] + "</button>" ;
        };
        document.getElementById("createbutton").innerHTML = build;
      </script>

   </body>
      </html>

Uncaught SyntaxError: Unexpected token ILLEGAL function test.html:46

(在final /script 上突出显示&gt;

它会创建按钮,但会提出 error 任何想法

【问题讨论】:

    标签: javascript html arrays button


    【解决方案1】:

    您的代码有 2 个问题:

    1) "\\display(i)\\" 是怎么回事?你想做什么?

    2) 您不能在此处生成的 HTML 中使用“i”。您需要插入 i 的值

    例如:

    build += "<button onclick=\"display(" + i + ")\">" + newText[i] + "</button>" ;
    

    【讨论】:

    • 谢谢你的工作,我想我误读了一篇文章,我的代码版本试图获取引号
    【解决方案2】:

    build 将包含“button onclick=\display(i)...

    您想将 onclick 处理程序放在引号内,如下所示:

    build +="<button onclick = 'display(i)'>" + newText[i] + "</button>" ;
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-05-06
      • 1970-01-01
      • 2016-09-06
      • 1970-01-01
      相关资源
      最近更新 更多