Prototype - 在頁面加載後動態加載js文件

使用prototype js庫的時候如何實現呢?太有了,如果一次性加載很多但是首頁沒用的JS庫實在是讓用戶傻等實在不妥.另外還有一個問題就是我們有些功能,如bookmak按鈕,facebook,twiter的按鈕,聊天工具的按鈕通常要加載第三方腳本,但是,有時候加載第三方非常慢導致頁面顯示出問題.所以這些情況的腳本完全可以在頁面加載後再來加載.

新建一個元素並插入到head元素.

<p><a class="a2a_dd" href="http://www.addtoany.com/share_save">Bookmark</a></p>
<script type="text/javascript">
  document.observe("dom:loaded", function () {
 $$("head")[0].insert(new Element("script", {
       type: "text/javascript",
       src: "http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c32891f20feea39"
 }));});
</script>

直接用Insertion是不行的.

Insertion.bottom($$("head")[0],'<script src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c32891f20feea39"></script>');