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 
}