0

私はjoomlaサイトを使用しており、追加のJavaスクリプトを使用するように強制されています。

私の質問は：

  1. ページが完了した後にのみJavaScriptを強制的にロードする方法
  2. 私はそれらを遅らせるという意味ではありませんが、ページの読み込みが完了するまでキューに入れてください。

リンクのチュートリアルをたくさん試しましたが、何も役に立ちません。

お願いします、

私に理解させるために正しい例を教えてください。

ページの下部に挿入したJSファイルの例：

<script src="/js/easing.js" type="text/javascript"></script>

ページの読み込みが完了するまでこれらすべてのスクリプトを強制的に待機させるJqueryコードを提供できますか？

ありがとうございました

タリク

4

2 に答える 2

1

を使用し<script src="..." async="async"/>ます。最新のブラウザ（HTML5）では、JavaScriptファイルのフェッチを個別に生成し、HTMLの読み込みを遅らせることはありません。の最後にスクリプトタグを配置するだけです<body>。

于 2012-05-26T11:42:10.250 に答える
1

Ales Kotnikの答えは素晴らしいです。また、自分の特定の時間にそれをやりたい場合は、次のようなことを行うことができます。

function loadScript(url, callback){

var script = document.createElement("script")
script.type = "text/javascript";

if (script.readyState){  //IE
    script.onreadystatechange = function(){
        if (script.readyState == "loaded" ||
                script.readyState == "complete"){
            script.onreadystatechange = null;
            callback();
        }
    };
} else {  //Others
    script.onload = function(){
        callback();
    };
}

script.src = url;
document.getElementsByTagName("head")[0].appendChild(script);
}

これは、スクリプトを呼び出したときにのみスクリプトをロードし、次のようにアクティブ化します。

<script type="text/javascript" src="http://your.cdn.com/first.js"></script>
<script type="text/javascript">
loadScript("http://your.cdn.com/second.js", function(){
    //initialization code
});
</script>
于 2012-05-26T12:03:59.240 に答える