缓存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（）函数中进行。我正在试图在文档加载之前引用它。感谢您的快速响应！