Question

我是Java开发人员，我想动态设置值：符号，但是div（“ tradingview-widget-container__widget”）总是不起作用，您能帮我吗？

<html>
<head>
    <meta name='viewport'
          content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no'>
</head>
<body>
<input type="hidden" value="COINBASE:BTCUSD" id="symbol"/>
<script type="text/javascript">
        var symbol = document.getElementById("symbol").value;
     </script>
<div class="tradingview-widget-container" style="background-color:#2A2D38">
    <div class="tradingview-widget-container__widget"></div>
    <div class="tradingview-widget-copyright"><a
            href="https://www.tradingview.com/" rel="noopener"
            target="_blank"><span class="blue-text">Data</span></a> by TradingView
    </div>

    <script type="text/javascript"
            src="https://s3.tradingview.com/external-embedding/embed-widget-single-quote.js" async="">
        console.log("wdiget:"+symbol);
        {
            "symbol"
        :
            symbol,
                "width"
        :
            "100%",
                "colorTheme"
        :
            "dark",
                "isTransparent"
        :
            false,
                "locale"
        :
            "en"
        }
    </script>
    <!-- </div> -->
    <!-- <div class="tradingview-widget-container" style="background-color:#2A2D38"> -->

    <div id="tradingview_b59ae" style="background-color:#2A2D38"></div>
    <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
    <script type="text/javascript">
        console.log("chart:"+symbol);
        new TradingView.widget(
            {
                "autosize": true,
                "symbol": symbol,
                "interval": "D",
                "timezone": "Etc/UTC",
                "theme": "Dark",
                "style": "3",
                "locale": "en",
                "toolbar_bg": "#f1f3f6",
                "enable_publishing": false,
                "withdateranges": true,
                "save_image": false,
                "container_id": "tradingview_b59ae"
            }
        );

    </script>
</div>
<!-- TradingView Widget END -->
</body>
</html>

当我在chrome中运行它时，控制台不会记录console.log(symbol);，但是div（“ tradingview_b59ae”）会获得符号值。那么如何使用异步div处理此问题？

我使用SpringBoot百里香（Java）来修改"<input type="hidden" value="COINBASE:BTCUSD" id="symbol"/>"的值，当客户需要此页面时，Java将设置该值并将页面张贴到客户，但是"console.log("wdiget:"+symbol);"无效，{{1 }}是工作。

如何使用异步在JS中动态设置参数？

0 个答案: