@westdp

Как правильно реализовать динамичный контент?

Ребята привет, нужна Ваша помощь)
Подскажите как правильно организовать динамичный контент на старце в зависимости от урла к примеру, если человек зашел по ссылке https://jsfiddle.net/javascript
То заменить на странице title страницы, description, тег h1, пару слов #word1, #word2 и в теге img заменить src, alt, title?

Вот к примеру есть набросок кода:
document.title = NewTitle;//header title
$('meta[name="description"]').attr('content', description); // description
$('#main-title').html(mainTitle); //main-title
$('#word1').html(mainTitle); //word1
$('#word2').html(mainTitle); //word2
$( "#greatphoto" ).attr({
  alt: photoAlt,
  title: photoAlt
});

<header>
  <title></title>
   <meta name="description" content=""/>
</header>
<body>
  <div class="main-content">
    <h1 id="main-title"></h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim <span id="word1"></span>veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint <span id="word2"></span> occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    <img id="photo" src="" alt="" title="">
  </div>
</body>


Загвоздка в том, что к примеру этих переменных должно быть к примеру 50шт. Как мне правильно хранить переменные чтобы максимально просто было изменить нужный контент в зависимости от урла https://jsfiddle.net/javascript или https://jsfiddle.net/angular и так далее...
Спасибо

На всякий накидал в https://jsfiddle.net/westdp1991/vanas0cy/
  • Вопрос задан
  • 312 просмотров
Пригласить эксперта
Ответы на вопрос 2
scherbuk
@scherbuk
я на твоем месте хранил бы в файле. в json например
Ответ написан
@vovastradamus
Можно попробовать сделать что-то типа коллекций на jsone. И когда например определишь какой урл, через коллекцию подтягиваешь данные.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы