JavaScript 包括另一个

Question

我正在尝试为 javascript 包含另一个 javascript 的收音机制作 插件。我尝试了多种解决方案，但没有一个对我有用。 我不懂 Javascript，所以基本上我想从经验中学习。

这是我的代码：

function loading_live() {
    document.write('<'+'script src="http://djspinnercee.servemp3.com:32768/php-cgi/scaststatus_x.php?index=5&host='+<?php echo (RADIO_ADDRESS); ?>+'&port='<?php echo (RADIO_PORT); ?>'" type="text/javascript"><' + '/script>');

}

var auto_refresh = setInterval(function(){
    $('#LiveNow').fadeOut('slow').loading_live().fadeIn("slow");
}, 10000);

Javascript 会重新加载正确的 div.. 但在加载其他外部 Javascript 时，它会崩溃并且不显示任何内容。

Answer 1

这里有几个问题。

首先是你没有调用你的函数。在fade 之后链接它不起作用。

您需要显式调用它。 但无论如何它都行不通。

这是第二个问题。

页面加载时您不能 document.write。

它仅在浏览器评估 Javascript 时有效。 这就是为什么类似的方法会立即调用该函数，例如：

function () {
  document.write('this is inserted in the page');
}(); // <- note the parenthesis

如果你想在页面加载完成后向 DOM 添加 JS 节点，则需要创建元素，然后将其附加到 DOM。

Answer 2

getScript 对你有用吗？

var auto_refresh = setInterval(function(){
    $('#LiveNow').fadeOut('slow');
    $.getScript('http://djspinnercee.servemp3.com:32768/php-cgi/scaststatus_x.php?index=5&host=<?php echo (RADIO_ADDRESS); ?>&port=<?php echo (RADIO_PORT); ?>', function () {
        $('#LiveNow').fadeIn("slow");
    });
}, 10000);