访问外部js文件中的hbs变量

<script src="https://cdn.jsdelivr.net/npm/handlebars@4.7.7/dist/handlebars.min.js"></script>

<div id="variable-placeholder"></div>

var data = {
  name: "John",
  age: 25
};

<script id="template" type="text/x-handlebars-template">
  <p>Name: {{name}}</p>
  <p>Age: {{age}}</p>
</script>

<script>
  // 获取模板内容
  var template = document.getElementById("template").innerHTML;

  // 编译模板
  var compiledTemplate = Handlebars.compile(template);

  // 获取占位符元素
  var placeholder = document.getElementById("variable-placeholder");

  // 将数据应用到模板中
  var html = compiledTemplate(data);

  // 将生成的HTML插入到占位符元素中
  placeholder.innerHTML = html;
</script>