在JavaScript页面上缓存控件

Question

我在javascript页面上有一个控件。我可以通过id访问它，但我想要做的是缓存控件，因为我在几个地方引用它。如何使用id = TestControl

来缓存此控件

Answer 1

您可以创建变量 ¹ 并安全地引用其中的元素（控件）：

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

确保在元素创建后运行该代码（例如，将script标记放在文档的末尾，就在结束</body>标记之前）。

如果您在代码的顶层执行此操作，例如：

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

    // Your code here

})();

...您的所有代码都可以访问变量。

¹ 事实上，浏览器已经通过创建一个名为TestControl的自动全局为您完成了这项工作，但我从不主张使用自动全局。全局命名空间过于拥挤，太容易被冲突所困扰。

Answer 2

问题是代码需要进入$（document）.ready（）函数。我试图在加载文档之前引用它。感谢您的快速回复！