緩存JavaScript頁面上的控件

Question

我在JavaScript頁面上有一個控件。我可以通過id訪問它，但是我想要做的就是緩存控件，因爲我在幾個地方引用它。我怎樣才能緩存此控制與說一個id =系統testControl

Answer 1

您可以創建的要素（控制），它的變量和安全的引用：

var testControl = document.getElementById("TestControl"); 

確保OU運行代碼在之後，元素已創建（例如，將script標記放在文檔的末尾，就在關閉</body>標記之前）。

如果你這樣做，在你的代碼的頂層，例如：

// Scoping function to avoid creating globals 
(function() { 
    var testControl = document.getElementById("TestControl"); 

    // Your code here 

})(); 

...所有的代碼將有機會獲得該變量。

---

事實上，瀏覽器已經做好爲你創建一個全球自動稱爲TestControl，但使用自動全局我從來不提倡。全局命名空間太擁擠，太容易被衝突咬傷。

Answer 2

問題是代碼需要在$（document）.ready（）函數中進行。我正在試圖在文檔加載之前引用它。感謝您的快速響應！