2017-01-18 4 views
2

У меня есть текст, который довольно повторяется на веб-странице. Время от времени оно может меняться. Если я напишу его в 10 разных местах, то его нужно изменить, мне нужно пройти через html и изменить его в каждом отдельном месте.Есть ли способ определить переменную в HTML?

В качестве примера того, что я ищу, вместо того, чтобы писать «Stack Overflow - лучший веб-сайт когда-либо» снова и снова, есть способ, которым я мог бы написать что-то вроде переменной: stackoverflow = «Stack Overflow is лучший веб-сайт когда-либо "в одном месте, тогда пишите" stackoverflow "в 10 разных местах, в которых мне нужен текст. Таким образом, если/когда мне нужно его изменить, я могу просто изменить его в одном месте, а не в 10 разных местах на странице.

+0

не с HTML, но с Javascript (angularjs 1 может быть лучшим подходом) или PHP, –

+0

Использование JS или библиотеки, как Jquery или ReactJS или рамки MVC таких как AngularJS –

ответ

1

Нет. У вас нет переменных в html. Но вы можете добавить элемент HTML без какого-либо значения, а затем присвоить значение с помощью javascript.

В HTML:

<p id="insert"></p> 

Тогда в Javascript:

document.getElementById("insert").innerHTML = "write me to the screen"; 

Использование переменной вместо строки:

var x = 10; 
document.getElementById("insert").innerHTML = x; 

Вы можете использовать аналогичный процесс для нетекстовых HTML-элементов, которые вы хотели бы добавить на страницу

+0

Это почти работает для меня. Проблема, с которой я столкнулся, заключалась в том, что идентификатор, похоже, превосходит любой класс, который я уже применял. –

+0

Вы можете установить разные элементы с тем же классом и задать их текст, используя документ.getElementsByClassName ('classname') –

+0

Я не могу сделать это с классом, потому что есть другой текст, который имеет тот же класс, который применяется к нему. –

0

Номер

Обычно эта проблема решается путем создания HTML с использованием языка программирования, часто в сочетании с языком шаблонов.

Это может быть сделано либо по адресу:

  • время сборки, создавая статические файлы и загружать их на сервер), например, с использованием инструмента, такого как assemble
  • сторона сервера (по требованию, когда запрашивается страница), например. используя FastCGI и язык программирования на ваш выбор
  • клиентская сторона (при использовании JavaScript работает в браузере ... хотя это не считается best practise).
0

Вы не можете объявлять такие переменные в HTML. Я думаю, это лучший способ использовать PHP. PHP выполняется сервером, и HTML-документ будет отправлен клиенту. JavaScript выполняется клиентом, а некоторые пользователи отрицают выполнение JavaScript.

По-моему, это лучший способ использовать PHP.

Для отображения текстов на PHP, вы должны проверить сайт PHP.net

Смежные вопросы