javascript-events - 定型文 4.0 - JavaScript 関数が定義されていません

Question

body タグの下部に main.js がロードされた Boilerplate 4.0 を使用しています。フッターをスクリプトとして記述して、著作権年を簡単に更新できるようにしようとしています。つまり、main.js とすべての html ファイルでです。HTML の関数参照は main.js が読み込まれる前に来るため、「Uncaught ReferenceError: (関数) が定義されていません」というエラーが発生し続けます。フッター セクションの前に main.js を読み込むことができ、すべてが機能しますが、目的に反することはありませんか?

html コード:

    <footer id="page-footer">
        <script src="js/footer.js"></script>
            <h5>
            <script>footera();</script>
            <strong><a href="main.html"><script>footerb();</script></a></strong>
            <script>footerc();</script>
            </h5>
    </footer>

main.js コード:

    function footera() {
        document.write("Copyright© 2012, "); 
    }
   function footerb() {
    document.write("<name>, "); 
    }
    function footerc() {
        document.write("all rights reserved"); 
    }