如果 html 在本地打开，则 Javascript 可以正常运行。但是如果从 http-server 访问它会失败

Question

我有一个嵌入来自 tradingview.com 的网络小部件的 html，html 文件如下所示:

<!-- TradingView Widget BEGIN -->
<span id="tradingview-copyright"><a ref="nofollow noopener" target="_blank" href="http://www.tradingview.com" style="color: rgb(173, 174, 176); font-family: &quot;Trebuchet MS&quot;, Tahoma, Arial, sans-serif; font-size: 13px;">Economic Calendar by <span style="color: #3BB3E4">TradingView</span></a></span>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-events.js">
{
  "width": "510",
  "height": "600"
}
</script>
<!-- TradingView Widget END -->

如果将此代码复制到 jsfiddle 中，它可以正确显示财务小部件。如果我在本地打开文件，一切正常，小部件也会显示出来。但是如果我把这个文件放在我机器上运行的 http 服务器下并从 http://localhost 访问它，可以加载文件但不显示小部件。看起来脚本在此模式下无法正常运行。

知道什么会导致此类问题吗？

谢谢。

Answer 1

您不能在具有 src 标记的脚本标记内运行代码。如果您在此处阅读 w3 文档:https://www.w3schools.com/tags/tag_script.asp你会看到他们声明:

Note: If the "src" attribute is present, the element must be empty.

您可能需要检查的另一件事是确保您可以在您正在测试的服务器上打开安全的 Web 链接。因为文件的 src 是 https，所以您需要确保处理安全外部链接没有任何问题。您可以尝试制作该文件的本地副本并在本地运行它，看看您是否仍能得到相同的结果。如果它开始工作，则说明它没有从外部源正确提取文件。