javascript - 未知的“未捕获的语法错误：意外的令牌 <”

Question

<div class="tab-pane active" id="connectedDevices">
                     <script>

                      if (req.user.pebble.watch_token == String) {
                        <i class="fa fa-check"> Pebble </i>
                      } else{
                        <i class="fa fa-warning">No Pebble connected</i>
                      };

                     </script>


                  </div>

使用本地策略和 Pebble 工具包来验证用户是否连接了 pebble。所有的 AUTH 都在工作，只是想知道为什么现在什么都没有出现。

Answer 1

你得到一个错误，因为<你把它放在哪里是不允许的。您有一个<，因为您在 JavaScript 中间放置了一些 HTML。

您在评论中说您正在使用 EJS，但如果您使用的是主页上显示的语法，那么您的模板将如下所示：

<% if (req.user.pebble.watch_token == String) { %>
    <i class="fa fa-check"> Pebble </i>
<% } else { %>
    <i class="fa fa-warning">No Pebble connected</i>
<% } %>

并将在一个.ejs模板文件中加载：

var html = new EJS({url: 'example.ejs'}).render(data);

然后，您可以将 HTML 放在一个可以innerHTML在元素上使用的变量中。

Answer 2

您需要在脚本标签（即 ）内才能执行您正在执行的操作。它被称为 In-Line Javascript，非常有用。