1

</body>タグの前に、ページの下部に 1 つの js ファイルを追加したいと考えています。

1つのフォーマットを試しています。しかし、それは正しく機能していません。

私のコード

var url = 'sample.js';
var script = document.createElement("script");
script.type = "text/javascript";
script.src = url;
document.getElementsByTagName('body')[0].appendChild(script);

しかし、うまくいきません。

今、私はチェックします 

var x = document.getElementsByTagName('body');
alert(x.length);

そのショー0

この js ファイルをページの下部に追加するにはどうすればよいですか。お知らせ下さい

4

2 に答える 2

1

このコード を参照してください

var body = document.body;
alert("Body when page loading: " + body);
document.addEventListener("DOMContentLoaded", function() {
    var bodyLoaded = document.body;
    alert("Body when page loaded: " + bodyLoaded);
    var url = "http://code.jquery.com/jquery-1.10.2.min.js";
    var script = document.createElement('script');
    script.type = "text/javascript";
    script.src = url;
    script.onload = function(){
        var testP = $("<p></p>");
        testP.html("JQuery worked");
        $(document.body).append(testP);
    }
    bodyLoaded.appendChild(script);
});

最初alertにnull. しかし、2番目に（ボディがロードされたとき）、あなたはHTMLBodyElement. body をロードする前に head 内の body に要素を追加しようとすると、これは間違いです。

于 2013-08-05T08:05:21.793 に答える
0

このコードを head セクションに記述していますが、これが実行される時点では body 要素はまだ作成されていません。これがエラーの唯一の理由です。body 要素が作成された後、このコードを保持します。

于 2013-08-05T07:48:11.610 に答える