[讨论]如何在子页面重用javascript？

在使用一些js框架时，如果每一个页面都要重新下载一遍javascript文件，那绝对是很浪费的一件事。

如果是一些简单的函数，可以直接在子框架中使用 parent.fun 进行调用，可对于一些框架如extjs，这种方法往往不能奏效，有什么其他方法可以解决吗，一些网上的意见如下：

1 子页面使用iframe或frame，父页面把javascript和css 注入 子页面。
    http://extjs.com/forum/showthread.php?t=1201

   另一种方式是在子页面使用iframe或frame，父页面将所有javascript以 inline 的方式写入，子页面在打开时先将父页面中的javascript引入。
    http://matthew.delmarters.com/weblog/injecting-javascript-and-css-into-iframes/

2 子页面使用div，在打开以后先执行子页面中的javascript。
    http://extjs.com/forum/showthread.php?t=5712

3 缓存javascript

不知道各位在开发中遇到这种情况是怎么处理的，或者对以上实现方式的优劣有什么看法？多谢！