在Jade中使用JS脚本的变量

Question

我想使用我在jade文件中的JS脚本中定义的变量。 那可能吗 ？

足够清楚，这就是我想要做的：

  script.
   var J1 = 0;
   var socket = io.connect('http://localhost:3000');
   socket.on('positionJ1', function(positionJ1) {
     J1 = positionJ1;
   })

p Le joueur 1 est en case #{J1}

编辑：尝试使用DOM的方法，我已经做到了，但是我没有收到任何警报。 并不是innerHTML方法不起作用，因为当我这样做document.body.innerHTML =“ Something”; 它运作良好。

script.
    var J = document.getElementById("posJ1").innerHTML;
    alert(J);

p#posJ1 Plop

更正：当我的p＃posJ1在脚本上方时可以使用

解决方案：

p#posJ1
   script.
    var socket = io.connect('http://localhost:3000');
    socket.on('positionJ1', function(positionJ1) {
      var J1 = document.getElementById("posJ1");
      J1.innerHTML = "Le joueur 1 est en case " + positionJ1;
      document.body.appendChild(J1);
    })

Answer 1

这实际上是不可能的。 将Jade渲染为静态HTML，然后再提供给客户端。 您输入的任何变量仅在渲染时进行解析。

您将必须使用javascript来执行任何此类的运行时DOM操作。

script.
   var J1 = 0;
   var socket = io.connect('http://localhost:3000');
   socket.on('positionJ1', function(positionJ1) {
     J1 = positionJ1;
     document.getElementById('position').innerHTML= J1;
   })

    p Le joueur 1 est en case 
        span#position