Как вывести значение метатега на веб-страницу - PullRequest
Новая
       53

Как вывести значение метатега на веб-страницу

0 голосов
/ 08 мая 2020

на моей веб-странице у меня есть мета

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

Я хотел бы вывести значение атрибута содержимого где-нибудь на странице, чтобы не иметь где-то в два раза одинакового значения в коде. Например, 

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

и myVersionNumber должны быть ссылкой на атрибут содержимого мета «версии». Как я мог этого добиться?

Заранее спасибо и всего наилучшего

Ответы [ 3 ]

2 голосов
/ 08 мая 2020

Вы можете получить доступ к значению метатега, используя 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>
2 голосов
/ 08 мая 2020

Используйте 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>
0 голосов
/ 08 мая 2020

Как было сказано ранее, вы можете применить document.querySelector('meta[name="version"]'), чтобы получить элемент meta через Javascript, но, хотя это ответит на ваш вопрос, я бы не рекомендовал это делать, потому что это хак , который зависит от того, что 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>

Обратите внимание в приведенном выше коде, что я гарантировал, что год также является динамическим c, поскольку я предполагаю, что в канун Нового года вы не хотите заменять год каждый год.

...