javascript - 在 Blogger 中正确使用外部 JavaScript

Question

我已经在github中创建了一个javascript文件

js文件中的代码如下:

function youTube(a,b,c,d)
{
 return ("<iframe allowfullscreen='1' frameborder='0' height='140' src='https://www.youtube.com/embed/"+a+"' width='210'/><iframe allowfullscreen='1' frameborder='0' height='140' src='https://www.youtube.com/embed/"+b+"' width='210'/><iframe allowfullscreen='1' frameborder='0' height='140' src='https://www.youtube.com/embed/"+c+"' width='210'/><iframe allowfullscreen='1' frameborder='0' height='140' src='https://www.youtube.com/embed/"+d+"' width='210'/>");
}

我使用 rawgit.com 创建了一个 CDN 链接并将其放在脚本源(src)中
在 Blogger>>Edit HTML 中，在我想要的适当位置放置代码:

<script src='https://cdn.rawgit.com/example/CTGod/1bc76937/youtubebar.js' type='text/javascript'>
var a="zK5zn44YzKA";
var b="3d21j6xOejU";
var c="U8gD0XiOOL4";
var d="cLnR-L6fNqs";
document.write(youTube(a,b,c,d));
</script> 

当我不使用我现在放入外部 js 文件的代码并正常使用它时，它工作正常。代码如下所示:

<script type='text/javascript'>
var a="zK5zn44YzKA";
var b="3d21j6xOejU";
var c="U8gD0XiOOL4";
var d="cLnR-L6fNqs";
function youTube(a,b,c,d)
{
  return ("<iframe allowfullscreen='1' frameborder='0' height='140' src='https://www.youtube.com/embed/"+a+"' width='210'/><iframe allowfullscreen='1' frameborder='0' height='140' src='https://www.youtube.com/embed/"+b+"' width='210'/><iframe allowfullscreen='1' frameborder='0' height='140' src='https://www.youtube.com/embed/"+c+"' width='210'/><iframe allowfullscreen='1' frameborder='0' height='140' src='https://www.youtube.com/embed/"+d+"' width='210'/>");
}

document.write(youTube(a,b,c,d));
</script>

现在，我想知道为什么放在外部js文件中的代码不起作用。
如果我需要更改我的 js 文件源，请告诉我上传位置以及如何以最佳方式使用它。

Answer 1

你必须使用单独的脚本标签来呈现外部 js 文件，如下所示

<script src='https://cdn.rawgit.com/yashas123/CTGod/1bc76937/youtubebar.js' type='text/javascript'/>

<script type='text/javascript'>
  var a="zK5zn44YzKA";
  var b="3d21j6xOejU";
  var c="U8gD0XiOOL4";
  var d="cLnR-L6fNqs";
  document.write(youTube(a,b,c,d));
</script>