javascript - 将脚本加载到页面上

Question

我在将一些 javascript 加载到页面时遇到了一些问题。当我将脚本直接嵌入页面时它可以工作，但是当我使用 ajax/jquery/getScript 时，它不会加载。我认为这可能与异步/同步或某种跨域限制有关。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>

$.ajax({
    url: 'http://mobile.adnxs.com/ttj?id=1573223',
    crossDomain: true,
    dataType: "script",
    success: function () {
        // script is loaded
    },
    error: function () {
        // handle errors
    }
});

</script>

Answer 1

您可以动态注入脚本标签：

$(document).ready(function() {
    var scriptTag = document.createElement('script');
    scriptTag.src = 'http://mobile.adnxs.com/ttj?id=1573223';
    scriptTag.onload = function() { /* script is loaded */ };
    scriptTag.onerror = function() { /* danger zone! * };
    $('head').append(scriptTag);
});

这也适用于跨域。