jQuery: добавить класс в тело, если ключевое слово в URL - PullRequest
Новая
       1

jQuery: добавить класс в тело, если ключевое слово в URL

0 голосов
/ 24 февраля 2020

У меня есть URL, которые выглядят так: https://example.com/page1/#keyword1 https://example.com/page1/#keyword2 Я ищу фрагмент кода jQuery, который добавляет определенный класс к телу, если определенное ключевое слово является частью URL.

У кого-нибудь есть идеи? Я знаю, что это возможно, но я не мог найти какие-либо предложения, которые работали.

например, https://example.com/#keyword1 должен создать HTML следующим образом: 

<body class="keyword1">
bla bla bla
</body>

Спасибо за подсказки!

Ответы [ 3 ]

0 голосов
/ 24 февраля 2020

вы можете получить полный URL-адрес, используя window.location.href, затем разделить его на массив, используя любой символ, String.prototype.split () , а затем добавить эту строку в качестве класса в ваше тело

Пример 

$(document).ready(function() {
    var url = window.location.href
    $("body").addClass(url.split("#")[1])
});
0 голосов
/ 24 февраля 2020

вы можете проверить определенное ключевое слово с помощью "window.location.href.indexOf (" lorem ")> 0", это вернет true в случае, если слово существует, а затем вы можете добавить класс к телу, например, $ ("body"). addClass ("ipsum").

Примечание: "lorem" - ключевое слово / подстрока в URL "ipsum" - класс, который будет добавлен в теле

0 голосов
/ 24 февраля 2020

Вы можете попробовать это при загрузке страницы, используя window.location.hash: 

$(document).ready(function() {
   var hash = window.location.hash;
   if (hash) {
      hash = hash.replace('#', '');
      $("body").addClass(hash);
   }
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...