Prototype - 在页面加载后动态加载js文件

最新推荐文章于 2019-08-06 13:49:02 发布

原创最新推荐文章于 2019-08-06 13:49:02 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#prototype #脚本 #facebook #function #聊天 #class

Javascript 专栏收录该内容

16 篇文章

订阅专栏

本文介紹了如何使用PrototypeJS庫實現非關鍵JS庫的延迟加载，以優化網頁性能。通过在DOM加載完成後動態插入第三方腳本，避免用戶等待時間過長並解決因第三方腳本加載緩慢導致的顯示問題。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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