javascript - 避免在页面加载或就绪时执行 javascript 的最佳方法？

Question

我有一个 asp.net 页面，当文本框为空时，我需要隐藏整个页面以防止代码隐藏。问题是我有 javascript 和 jquery 代码，它们在文档就绪时 执行并从某些页面控件获取数据，但由于未呈现控件，因此此代码失败并引发异常。

在后面的代码中我隐藏了整个页面

// allPageTable is an html table
// with runat=server
this.allPageTable.Visible = false;

在 Javascript 中，我检查文本框是否为空，如果不是，则运行代码，否则我不运行。但是 mytxt 没有定义，所以它进入 if 并失败。

 if ($('#myTxt') != null) {
    // My JQUERY / JS CODE
    var data = $('#anotherTxt').val(); // Fails cause anotherTxt is not rendered
}

所以我需要一种方法来避免在页面未呈现时执行 javascript。

Answer 1

选择器 $('#myTxt') 不会在您使用 id myTxt 的控件不存在时返回 null。您需要检查选择器返回的对象的长度。

if ($('#myTxt').length > 0) {
    // My JQUERY / JS CODE
    var data = $('#anotherTxt').val(); // Fails cause anotherTxt is not rendered
}