javascript - 在 HTML 中定义常量

Question

我在 3 个 HTML 页面上有多个表格，这些表格的标题保持不变，即

<thead>
<tr>
 <th>MyHeading</th>
</tr>
</thead>

我想存储 MyHeading字符串在常量中，并在我所有表的 HTML 页面中使用它。 我只能使用纯 HTML 和 javascript。 我如何在纯 HTML 中执行此操作，即在某些常量中存储静态文本，以便我可以在 HTML 页面中重用它们

Answer 1

在 HTML 中这是不可能的。你要么使用一些模板语言和JavaScript。通过使用 javascript，这就是您的答案

var length = document.getElementsByClassName('head').length;
for(var i=0; i< length; i++) {
  document.getElementsByClassName('head')[i].innerHTML = "Demo Head";
}

<table style="width:100%">
  <tr><th class="head">heading</th></tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>
<table style="width:100%">
  <tr><th class="head">heading</th></tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>