Prototype - 在页面加载后动态加载js文件
2011-09-09 00:35
369 查看
使用prototype js库的时候如何实现呢?太有了,如果一次性加载很多但是首页没用的JS库实在是让用户傻等实在不妥.另外还有一个问题就是我们有些功能,如bookmak按钮,facebook,twiter的按钮,聊天工具的按钮通常要加载第三方脚本,但是,有时候加载第三方非常慢导致页面显示出问题.所以这些情况的脚本完全可以在页面加载后再来加载.
新建一个元素并插入到head元素.
直接用Insertion是不行的.
Insertion.bottom($$("head")[0],'<script src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c32891f20feea39"></script>');
新建一个元素并插入到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>');
相关文章推荐
- 根据浏览器语言,页面动态加载对应的js文件
- 页面动态加载js文件
- 向页面动态加载JS文件的的一个小技巧
- 在html页面动态加载js文件
- 使用JS动态在页面加载CSS文件
- 后台跳转的页面动态加载js文件和css脚本
- web页面优化之动态加载js和文件
- asp.net在使用母版页的内容页面中动态加载css和js文件的方法
- jq:动态加载js文件进当前页面
- jquery及js实现动态加载js文件的方法
- [原创 js]调试的新花招,利用firebug动态加载js库文件
- jquery及js实现动态加载js文件的方法
- js取得url参数,js回到顶部代码,动态加载JS文件
- JS获取浏览器语言动态加载JS文件示例代码
- js动态加载html,加载后的页面元素某些事件失效的解决方案
- 原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
- 用JavaScript动态加载CSS和JS文件
- 如何动态加载js文件
- 动态加载js文件
- 动态加载JS文件并执行