將javascript函數附加到div

Question

我需要將以下代碼添加到頁面的頁腳中，但必須使用javascript代碼來完成。

我需要添加的代碼 ：

  <script type="text/javascript">
    (function (d, w, c) {
        (w[c] = w[c] || []).push(function() {
            try {
                    w.yaCounter39519115 = new Ya.Metrika({
                    id:39519115,
                    clickmap:true,
                    trackLinks:true,
                    accurateTrackBounce:true
                });
            } catch(e) { }
        });

        var n = d.getElementsByTagName("script")[0],
            s = d.createElement("script"),
            f = function () { n.parentNode.insertBefore(s, n); };
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://mc.yandex.ru/metrika/watch.js";

        if (w.opera == "[object Opera]") {
            d.addEventListener("DOMContentLoaded", f, false);
        } else { f(); }
    })(document, window, "yandex_metrika_callbacks");

我嘗試添加的內容：

 $('#footer').append('<script type="text/javascript">' + (function (d, w,.... + '</script>');

但是，這對我不起作用。

Answer 1

將您的JavaScript放在單獨的.js文件中，然后您需要使用document.createElement方法將腳本添加/追加到頁腳塊中。

試試下面的代碼片段。

var scriptSource = document.createElement('script');
var scriptURL = 'your_script_file_url_goes_here';
scriptSource.type = 'text/javascript';
scriptSource.src = scriptURL ;
$("#footer").append(scriptSource);

希望這可以幫助！。