jQuery - 如何将值推入IE和Firefox中的全局数组？

Question

编辑：至少部分问题是因为history已经存在（我不知道）。感谢大家。

原文：

我有一个推动的<input>值到一个名为history初始为空的全局数组然后清除输入的功能。

推值的代码工作正常，在Chrome 21和Opera 12，但不是在IE9和Firefox 15

我一直在研究这个了一下，发现如果阵列的本地（创建在pr（）而不是$（文档）.ready为var history = []），它工作正常。我也试着在文件顶部的所有内容之外声明它。


IE错误：SCRIPT438: Object doesn't support property or method 'push'

FF错误：TypeError: history.push is not a function


如何推动一个值，在IE和Firefox空全局数组？

这里是我的代码：

<input type="text" id="command" /> 

然后在我的JS文件：

$(document).ready(function() { 
    history = []; // no var because that makes it global, right? 
)}; 

$(document).keypress(function(e) { 
    if(e.which == 13) { // if enter  
     e.preventDefault(); 

     if($("#command").val() !== "") { 
      pr(); 
     } 
    } 
}); 

function pr() { 
    var text = $("#command").val(); 

    text = text.replace(/<(?:.|\n)*?>/gm, ""); // these two are supposed to 
    text = text.replace(/[<>]/gi, "");   // sanitize the input 

    history.push(text); // this where it gets hairy 
    alert(history); // doesn't display anything in IE/FF because .push failed 

    // do a bunch of other stuff that isn't relevant 
} 

预先感谢您。

Answer 1

您必须在$（document）.ready（）之外声明var，同时请注意历史记录在浏览器中已经是一个全局变量。

// I changed the variable name. from history to historyVar 
var historyVar = []; // this makes it global 


$(document).ready(function() { 
    // FIX: declaring it here will not make it global to your js. 
    // history = []; // no var because that makes it global, right? 
}); // **NOTE: was not properly closed, I added some); to do the fix** 

$(document).keypress(function(e) { 
    if(e.which == 13) { // if enter  
     e.preventDefault(); 

     if($("#command").val() !== "") { 
      pr(); 
     } 
    } 
}); 

function pr() { 
    var text = $("#command").val(); 

    text = text.replace(/<(?:.|\n)*?>/gm, ""); // these two are supposed to 
    text = text.replace(/[<>]/gi, "");   // sanitize the input 

    historyVar.push(text); 

    // do a bunch of other stuff that isn't relevant 
}