Javascript 代码没有错误,但无法运行

标签 javascript jquery

控制台或 JsLint 中没有弹出“真正的”错误。我个人更喜欢在 HTML 中使用 onclick,但作为调试的一部分,我切换到 $("#buttonID1").click()。我不知道代码有什么问题。现场版在这里DEMO

输入:Amazon_Laser_BobtheBodyBuilder_07-11-13.xls

预期输出:|-\n|亚马逊\n|激光\n| BobtheBodyBuilder\n| 2013 年 7 月 7 日\n

实际输出:什么都没有!

JS

function emptyText() {
    $('#textinput').val('');
    $('#textoutput').val('');
}

$("#buttonID1").click(function(){
    var input = document.getElementById('textinput').value;
    var lines = input.split('\n');
    var output = '';
    $.each(lines, function(key, line) {
        var results = line.split(/[_\.]/);
            if(results!==null && results.length!== 0)
            {
                var a = '|-\n| '+results[0]+'\n';
                var b = '| '+results[1]+'\n';
                var c = '| '+results[2]+'\n';
                var d = results[3];
                var e = '| '+results[4]+'\n';

                var date = d.split(/[\-]/);
                var mm = date[0];
                var dd = date[1];
                var yy = date[2];
                var month = '';
                switch(mm){
                    case "01":
                        month='Jan';
                        break;
                    case "02":
                        month='Feb';
                        break;
                    case "03":
                        month='Mar';


            break;
                case "04":
                    month='Apr';
                    break;
                case "05":
                    month='May';
                    break;
                case "06":
                    month='June';
                    break;
                case "07":
                    month='Jul';
                    break;
                case "08":
                    month='Aug';
                    break;
                case "09":
                    month='Sep';
                    break;
                case "10":
                    month='Oct';
                    break;
                case "11":
                    month='Nov';
                    break;
                case "12":
                    month='Dec';
                    break;
                default:
                    break;
            }

            switch(yy){
                case "10":
                    yy='2010';
                    break;
                case "11":
                    yy='2011';
                    break;
                case "12":
                    yy='2012';
                    break;
                case "13":
                    yy='2013';
                    break;
                default:
                    break;
            }

            var date2 = '| '+month+' '+dd+', '+yy+'\n';
            output += a+b+c+date2+e;
        }
});
});

HTML

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>title</title>
  <link rel=href="https://dl.dropboxusercontent.com/u/101322542/Public%20Codes/mister%20table/Part%202%20-%20tokenizer/tokenizer.css" />

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://dl.dropboxusercontent.com/u/101322542/Public%20Codes/mister%20table/Part%202%20-%20tokenizer/tokenizer.js" type="text/javascript"></script>
 </head>
 <body>
   <p class="left">Put your variables here:</p>
  <textarea rows="4" cols="40" id="textinput">
</textarea>
   <br>
     <button type="button" id="buttonID1">AutoType</button>
     <button type="button" id="buttonID2" onclick="emptyText()">Clear</button>
   <p class="right">Output:</p>
   <textarea rows="4" cols="40" id="textoutput">
</textarea>
 </body>
</html>

CSS

#textinput{
  background-color:#285c00;
  color:white;
}

#textoutput{
  background-color:#285c00;
  color:white;
}

最佳答案

您忘记使用您构建的字符串。将其添加到函数末尾:

$('#textoutput').val(output);

Demonstration

<小时/>

这不是核心问题,但您可以在某些地方使代码更简单一些。

例如这个 block

switch(yy){
    case "10":
        yy='2010';
        break;
    case "11":
        yy='2011';
        break;
    case "12":
        yy='2012';
        break;
    case "13":
        yy='2013';
        break;
    default:
        break;
}

可以替换为

yy = parseInt(yy, 10);
if (yy<100) yy+=2000;

(这会生成一个数字,适合处理数字,如果愿意,您可以在后面使用 ''+yy 再次将其变为字符串)。

关于Javascript 代码没有错误,但无法运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17615797/

相关文章:

javascript - 样式切换器帮助

javascript - 按值在深层嵌套对象中查找对象

javascript - 我想要一个带有隐藏数字的输入

javascript - 仅在手机/平板电脑上显示隐藏/显示按钮

javascript - javascript jquery间隔中的全局变量

javascript - 隐藏已通过 onkeyup 事件显示的 div(在其外部单击时隐藏)

javascript - JavaScript 的客户端 DOM 打开重定向

javascript - ES5 "strict"和 arguments.callee

javascript - Node : Send a file and data at once

jquery - 如何正确克隆(jQuery)通过 PIE 应用样式的元素?