如何在网页中输出meta标签的值

Question

在我的网页中我有一个元

<meta name="version" content="2.42">

我想在页面某处输出 content 属性的值，以避免在代码某处出现两次相同的值。喜欢

<p>&copy; Copyright 2020, Ver. myVersionNumber</p>

并且 myVersionNumber 应该是对元 "version" 的内容属性的引用。我怎么能做到这一点？

在此先致谢并致以最诚挚的问候

Answer 1

使用 JS 检索值，然后将其放入所需的标签，如下所示：

var metaElementCollection = document.getElementsByTagName('meta');

  for (let i = 0; i < metaElementCollection.length; i++) {
    if (metaElementCollection[i].getAttribute('name') === "version") {
      document.getElementById('v1').textContent = metaElementCollection[i].getAttribute('content');
    }
  }

<meta name="version" content="2.42">
<p>&copy; Copyright 2020, Ver. <span id = "v1"></span></p>

Answer 2

您可以使用 JavaScript:

访问元标记值

const versionElem = document.querySelector('meta[name="version"]');
document.getElementById('version').textContent = versionElem.content;

<meta name="version" content="2.42">

<p>&copy; Copyright 2020, Ver. <span id='version'>myVersionNumber</span></p>

Answer 3

如前所述，您可以应用 document.querySelector('meta[name="version"]') 通过 Javascript 获取 meta 元素，但是，即使这可以回答您的问题，但我不推荐这样做，因为那是一种 hack，它依赖于 Javascript 在浏览器中打开并且您的元标记保持其名称。相反，请确保您有一个服务器端变量用于输出到 meta 标记和段落中的版本。由于您没有提供有关您的服务器技术的任何信息，我的示例可能与您的技术堆栈不兼容，但是尽管如此，无论您的项目使用什么技术堆栈，您都可以应用这个想法。假设您使用 PHP:

<?php
    $version = "2.42";
?>

<!-- Some HTML -->

<meta name="version" content="<?php echo $version; ?>">

<!-- Some HTML -->

<p>&copy; Copyright <?php echo date("Y"); ?>, Ver. <?php echo $version; ?></p>

请注意，在上面的代码中，我已确保年份也是动态的，因为我假设在除夕夜您不想覆盖每年的年份。

如何在网页中输出meta标签的值

How to output the value of a meta tag in a web page

html

meta-tags