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

我刚刚读了这个link： 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>

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

Javascript code variable won't print on Twig template

javascript

getelementbyid

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