是否可以在页面上最后加载一个javascript广告以防止加载速度慢？

Question

有没有一种方法可以在页面上最后加载一个JavaScript加载的广告，但将它定位在内容中？主要目的是防止JavaScript广告放慢页面加载速度，所以如果有其他方法可以实现这一点，请分享。

Answer 1

有defer attribute你可以把脚本块，以推迟其执行，直到页面完成加载。

<script src="myscript.js" type="text/javascript" defer> 
// blah blah 
</script> 

虽然我不确定使用此属性的一般建议。

编辑：作为@大卫指出，使用defer="defer"对于XHTML

而且你可以随时把代码中的window.onload事件的内部，使得它执行后页面加载：

window.onload = function() { 
    // ad codes here 

}; 

但后面的方法可能会带来一些问题，您可能需要首先对其进行测试。

关于this blog post的更多信息由Dean Edwards编写，着名的javascript packer。

---

编辑：

function loadScript(src) { 
    document.write('<script src="' + src + '" type="text/javascript"></script>'); 
} 

所以生成的代码：如果广告代码本身大小的问题，你可以随时通过通过document.write与脚本注入上述方法结合推迟装载可能看起来像这样：

<script type="text/javascript" defer> 

function loadScript(src) { 
    document.write('<script src="' + src + '" type="text/javascript"></script>'); 
} 

loadScript('http://ads.example.com/advertisements.js'); 

</script> 

但正如我所说，它取决于您获得的具体广告代码。因为document.write的位置会写东西，可能不是你想要的位置。一些修改可能是必要的。

Answer 2

function addLoadEvent(func) { 
     var oldonload = window.onload; 
     if (typeof window.onload != 'function') { 
     window.onload = func; 
     } else { 
     window.onload = function() { 
      oldonload(); 
      func(); 
     } 
     } 
    } 

上述代码是添加新的onload事件的好方法，它不会干扰您现有的javascript。然后，您可以使用下面的代码添加新的加载事件来加载广告。

addLoadEvent(function() { // call to loadScript() here }); 

Answer 3

我通常会把标签加载到正文标记结束之前的脚本中。 所以它加载在页面的末尾。 这不会给任何验证错误或任何。