html - Javascript 関数とフォーマット

Question

これは初歩的な質問かもしれませんが、整理したいと思います。Web サイト用に複数の JavaScript ファイルを作成しました。すべてのファイルをマージしようとすると（すべてのスクリプトを単一のファイルにハードコーディング）、「キャッチされていない例外エラー（html要素）が定義されていません」というエラーが発生しました。私を助けてください。

Answer 1

必要に応じて読み込みスクリプトを使用できます。それによって名前を付けることができる場合、それは一種の遅延読み込みです。

var load_script = function(url, callback)
{
    var head, script, exec

    head = document.getElementsByTagName('head')[0]
    script = document.createElement('script')
    exec = callback
    script.onload = function()
    {
        function wait()
        {
            callback(bc)
        }
        var bc = setInterval(wait, 100)
    }
    script.type= 'text/javascript'
    script.src= url
    head.appendChild(script)
}

スクリプトが読み込まれ、解析され、動作する準備ができていることを確認する必要があります。

load_script('http://somewhere/script.js', function(i) {
    // check if the script is parsed
    // there must be a function called 'myscript' in script.js
    if (typeof myscript == 'function')
    {
         clearInterval(i)

         // doing things
    }
})

そのため、コードをファイルに分割し、必要なときにロードできます。