Javascript代码变量无法在Twig模板上打印。

Question

我想用JavaScript代码在我的Twig模板上动态打印数值和字符串。但这并不奏效。

另外，当我加载Twig模板时，它应该在页面上显示 "test "的内容，也就是 "asdasd"。

但这并不奏效，我得到的是什么都没有，好像是 "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.comintroduction-to-javascript.html

我刚刚在这个链接中看到。为什么jQuery或DOM方法（如getElementById）找不到元素？

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

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

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>