在 HTML 中显示以下嵌入代码有问题吗？

Question

我想从交易窗口显示以下小部件

<div class="tradingview-widget-container">
  <div id="tradingview_56bdd"></div>
  <div class="tradingview-widget-copyright"><a href="https://in.tradingview.com/symbols/BTCUSD/?exchange=BITSTAMP" rel="noopener" target="_blank"><span class="blue-text">BTCUSD Chart</span></a> by TradingView</div>
  <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
  <script type="text/javascript">
  new TradingView.widget(
  {
  "width": 1080,
  "height": 720,
  "symbol": "BITSTAMP:BTCUSD",
  "interval": "D",
  "timezone": "Etc/UTC",
  "theme": "light",
  "style": "2",
  "locale": "in",
  "toolbar_bg": "#f1f3f6",
  "enable_publishing": false,
  "hide_top_toolbar": true,
  "withdateranges": true,
  "save_image": false,
  "details": true,
  "container_id": "tradingview_56bdd"
}
  );
  </script>
</div>

如果我将其复制粘贴到 html 中，则效果很好。但我想根据用户的选择更改参数“symbol”，所以我试图通过 JavaScript 显示代码，所以我在 JS

中使用以下代码

var widgetHtml = '<div class="tradingview-widget-container"> <div id="tradingview_56bdd"></div> <div class="tradingview-widget-copyright"><a href="https://in.tradingview.com/symbols/BTCUSD/?exchange=BITSTAMP" rel="noopener" target="_blank"><span class="blue-text">BTCUSD Chart</span></a> by TradingView</div> <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script> <script type="text/javascript"> new TradingView.widget( { "width": 1080, "height": 720, "symbol": "BITSTAMP:BTCUSD", "interval": "D", "timezone": "Etc/UTC", "theme": "light", "style": "2", "locale": "in", "toolbar_bg": "#f1f3f6", "enable_publishing": false, "hide_top_toolbar": true, "withdateranges": true, "save_image": false, "details": true, "container_id": "tradingview_56bdd" }); </script> </div>';
document.getElementById("tradingview-widget").innerHTML = widgetHtml;

现在，我得到的不是 wodget，而是 link，它将我重定向到该站点，没有显示任何小部件。

有没有更好的方法来显示小部件？如何通过JS显示小部件？

抱歉这个愚蠢的问题，我是初学者，这是我的第一个 JS 项目

Answer 1

我得到的愚蠢问题解决方案如下

在 JS 中添加 foll

new TradingView.widget(
  { 
  "width": 980,
  "height": 610,
  "symbol": "NASDAQ:AAPL",
  "interval": "D",
  "timezone": "Etc/UTC",
  "theme": "light",
  "style": "1",
  "locale": "in",
  "toolbar_bg": "#f1f3f6",
  "enable_publishing": false,
  "allow_symbol_change": true,
  "container_id": "tradingview_5a5e5"
  }
 );

并添加以下脚本

<script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>

在 HTML 中显示以下嵌入代码有问题吗？

Problem with displaying the following embeded code in HTML?

html

javascript

widget

tradingview-api