javascript的推延等待实现-JavaSript-爱易网页

javascript的推延等待实现

日期：2014-05-16　浏览次数：20400 次

javascript的延迟等待实现

这段时间遇到一个问题：使用ajax生成一个列表，然后使用sorttable.js对这个列表进行排序。问题在于：生成的列表还没出现，排序已经开始了，结果没有找到列表报错。解决方法：

 function ifExist(table){
    if(table.tBodies[0]==null)
   {
  setTimeout( function(){ifExist(table);}, 1000);  
   }
   else
   {
  sorttable.makeSortable(table);
   }
 }

判断节点是否生成了，如果没有，那么就等待1秒，再循环执行。一切ok了！

最后，补充一下关于javascript同步和异步的问题（转载）：

一、同步加载与异步加载的形式

1. 同步加载

我们平时最常使用的就是这种同步加载形式：

<script src="http://yourdomain.com/script.js"></script>

同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止了后续的解析，因此停止了后续的文件加载（如图像）、渲染、代码执行。

js 之所以要同步执行，是因为 js 中可能有输出 document 内容、修改dom、重定向等行为，所以默认同步执行才是安全的。

以前的一般建议是把<script>放在页面末尾</body>之前，这样尽可能减少这种阻塞行为，而先让页面展示出来。

简单说：加载的网络 timeline 是瀑布模型，而异步加载的 timeline 是并发模型。

2. 常见异步加载（Script DOM Element）

(function() {
     var s = document.createElement('script');
     s.type = 'text/javascript';
     s.async = true;
     s.src = 'http://yourdomain.com/script.js';
     var x = document.getElementsByTagName('script')[0];
     x.parentNode.insertBefore(s, x);
 })();

异步加载又叫非阻塞，浏览器在下载执行 js 同时，还会继续进行后续页面的处理。

这种方法是在页面中<script>标签内，用 js 创建一个 script 元素并插入到 document 中。这样就做到了非阻塞的下载 js 代码。

async属性是HTML5中新增的异步支持，见后文解释，加上好（不加也不影响）。

此方法被称为 Script DOM Element 法，不要求 js 同源。

将js代码包裹在匿名函数中并立即执行的方式是为了保护变量名泄露到外部可见，这是很常见的方式，尤其是在 js 库中被普遍使用。

例如 Google Analytics 和 Google+ Badge 都使用了这种异步加载代码：

(function(

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

javascript的推延等待实现

相关资料更多>

推荐阅读更多>