javascript - DataTables.js 的 CDN 回退

Question

我正在尝试为 datatables.min.js 编写 CDN 回退——不知何故，我在 Google 或 datatables.net 上找不到任何内容。看完这篇StackOverflow post还有这个DataTables post ，我想出了这个不成功的作品(甚至尝试了如图所示的各种表达方式):

<script>
    if (typeof jQuery.fn.dataTable === 'undefined') {
        document.write('<script src="~/scripts/datatables.min.js"><\/script>');            
        //document.write('<script src="~/scripts/datatables.min.js">\x3C/script>'); //same
        //document.write('\x3Cscript src="~/scripts/datatables.min.js"\x3E\x3C/script\x3E'); //same
    }
</script>

为了排除故障，我直接加载了 datatables.min.js 并得到了这两个令人困惑的结果:

1/我从这里得到 undefined (BAD):

<script>
    document.write('<script src="~/scripts/datatables.min.js"><\/script>');
</script>
<script>
    alert(typeof jQuery.fn.dataTable);
</script>

2/... 但我从中得到了 function (GOOD):

<script src="~/scripts/datatables.min.js"></script>
<script>
    alert(typeof jQuery.fn.dataTable);
</script>

这对我来说看起来是一样的，特别是因为 document.write 使用同步加载。我也尝试了纯 DOM 方法，但没有成功。

document.write 我错过了什么？

Answer 1

试试这个

    <script>
    if (typeof jQuery.fn.dataTable === 'undefined') {
        $.getScript(baseURL + '/scripts/datatables.min.js?' + Math.random(), function () {
            //do stuff here
            alert(typeof jQuery.fn.dataTable);
        });
    }
    </script>