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>');