Javascript 最佳实践和文档就绪

Question

我正在开发一个网络应用程序，在开发阶段我添加了一些脚本。

我注意到脚本的数量很多，而且可能会增加。

我通常将所有内容都包含在 document.ready 中，并在页面加载时执行。

只有当 DOM 中存在类时，才会有一个特定的脚本为元素设置特定的样式。

有没有一种方法只有当特定元素在 DOM 树中时才运行脚本？

Answer 1

您可以加载脚本(通过 AJAX)，或在需要时运行代码，方法是检查 jQuery 对象的长度以查看该元素是否存在。

if($(selector).length > 0){ // if element is in DOM
    $.getScript('file.js'); // load file
    // or just run some code
    alert('element is here');
}

或者您可以查看 yepnope.js .

yepnope({
    test: $(selector).length,
    yep: 'file.js',
    callback: function(url, result, key){
      if(result){
        alert('element is here');
      }
    }
});