hbs 文件中脚本标签中的 defer 属性

Question

我正在使用 express 在 java 脚本中编写代码。我有一个 index.hbs 文件，它类似于 html 文件。我尝试在脚本标签内编写代码

<div class="container" style="display: flex; 
  flex-direction:column;
  align-items: center;
  justify-content: center; 
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;">
  <h1 style="color:pink">{{title}}</h1>
  <p style="color:tomato">Welcome to {{title}}</p>
  <div style="display: flex;
  align-items: center;
  justify-content: center">
    <form method="post" action="/urls">
      <label for="long">Enter the URL to Shorten</label>
      <br>
      <br>
      <input style="width: 400px" id="long" name="LongURL" placeholder="longUrl" />
      <input type="submit" value="Отправить">
    </form>
  </div>
  <h1 style="color:pink">Shortened URL's</h1>
  <ul>
    {{#each db}}
    <li style="width:100%">
      <p>{{this.longId}}</p>
      <a href="{{this.longId}}" target="_blank">
        <p>{{this.shortId}}</p>
      </a>
      <p>Number Visited: {{this.numberUsed}}</p>
    </li>
    {{/each}}
  </ul>
</div>

找到标签为a的元素。我会写

<script>
  console.log(document.querySelector("a"));
</script>

在 html 文件的末尾，但我想用 defer 来完成。如果我在 index.hbs 内的 html 代码之前的脚本标记中写入此属性，它 returns 我的空值。我该怎么做？

Answer 1

// Try this way 
window.onload = function (){
    console.log(document.querySelector('a'))
}

hbs 文件中脚本标签中的 defer 属性

defer attribute in the script tag inside the hbs file

html

javascript

express

express-handlebars