如何优化页面中的JS显示？

Question

需在一个静态页面显示数个广告，本来直接插入JS调用是最简单的。
但因怕影响了页面的加载速度，想把它放到页面最底部，等页面加载完了再显示广告，不知这样子的要求正常要怎么做呢？
这是我现在的做法，觉得有点麻烦，尤其是广告多的时候（10几个），JS代码一大堆…网页中间的广告位置：
<div id="a1">a1</div>网页底部广告获取：
<span id="ca1"><script type="text/javascript" src="/ad.php?id=1"></script></span><script type="text/javascript">
document.getElementById("a1").innerHTML = document.getElementById('ca1').innerHTML;
</script>不知可有其它更好的方法？请指点一下，谢谢！
比方说能不能简化下获取的过程为：
document.getElementById("a1").innerHTML = <script type="text/javascript" src="/ad.php?id=1"></script>当然，这个示例是不行的。 其中ad.php显示的内容都是 document.write('广告内容');

Answer 1

<script type="text/javascript">
window.onload = function(){
    document.getElementById("a1").innerHTML = document.getElementById('ca1').innerHTML;
};
</script> 

Answer 2

document.getElementById("a1").innerHTML = "<script src='1.js'></scr"+"ipt>"; 无法执行？1.js里面有document.write()

Answer 3

使用FF压缩工具把JS给压缩一下