Ребята привет, нужна Ваша помощь)
Подскажите как правильно организовать динамичный контент на старце в зависимости от урла к примеру, если человек зашел по ссылке
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/ 
Средний
Простой
