Javascript 代码变量不会打印在 Twig 模板上

Question

我想使用 JavaScript 代码在我的 Twig 模板上动态打印值和字符串。但它不起作用。

此外，当我加载 Twig 模板时，它应该在页面上显示“test”的内容，即“asdasd”。

但是这不起作用。我得到的是什么都没有，就好像不存在脚本代码一样。

这是我的 Twig 模板上的代码:

  <div id="output">
  </div>
  <script type="text/javascript">
      var $queryString;
      $queryString = queryString.replace(new RegExp("pageno" + "=\\w+"),"").replace("?&","?").replace("&&","&");
      var test;
      test = "asdasd";
      document.getElementById('output').innerHTML = test;
      alert("HHHHhhhhhhHHHALSDJLKJ");
  </script>

我也没有收到任何警报。

我确实遵循了: https://www.guru99.com/introduction-to-javascript.html

我刚刚阅读了此链接: Why does jQuery or a DOM method such as getElementById not find the element?

我们必须在脚本之前添加。我也这么做了，但还是不行。

为什么加载页面时不显示变量？

Answer 1

没有显示任何内容的原因是您的代码中有错误。尝试打开您的开发者工具，看看是否有任何错误。

要解决这些问题，您所需要做的就是为 queryString$ 提供一个值。

var $queryString = "";

并将 queryString.replace 替换为 queryString$.replace。

<div id="output">
</div>
<script type="text/javascript">
  var $queryString = "";
  $queryString = $queryString.replace(new RegExp("pageno" + "=\\w+"), "").replace("?&", "?").replace("&&", "&");
  var test;
  test = "asdasd";
  document.getElementById('output').innerHTML = test;
  alert("HHHHhhhhhhHHHALSDJLKJ");
</script>