Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.01.2020, 19:22
Аспирант
Отправить личное сообщение для misha.korolcov Посмотреть профиль Найти все сообщения от misha.korolcov
 
Регистрация: 05.09.2019
Сообщений: 84

jqweri смена стилей
Добрый день ,как в jq, проверить подключен ли файл , мне надо перезаписать . Стили если например одна css подлючена одни стили если другая то второй раз

либо
if(localStorage.getItem('<link rel="stylesheet" href="/css/light.css">')){
            $('.loader__wrap').css('background-color', 'red');          
                      }

Последний раз редактировалось misha.korolcov, 13.01.2020 в 19:52.
Ответить с цитированием
  #2 (permalink)  
Старый 14.01.2020, 00:01
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Сообщение от misha.korolcov
localStorage.getItem('<link rel="stylesheet" href="/css/light.css">')
Удивительно! Но подключённые стили находятся в document.styleSheets

Сообщение от misha.korolcov
как в jq, проверить подключен ли файл
Никак! Пустой или не существующий файл тоже считается подключенным стилем, поскольку фактически элемент вставлен в DOM.

function isStyleSheetLinked(src) {
	return Array.from(document.styleSheets)
		.some(({ href, rules, disabled }) =>
			href == new URL(src, location) && rules.length > 0 && !disabled
		);
}

if(isStyleSheetLinked("/css/light.css")) {
	// сделай что-то, если light.css подключен
}

if(isStyleSheetLinked("/css/dark.css")) {
	// сделай что-то, если dark.css подключен
}
Ответить с цитированием
  #3 (permalink)  
Старый 14.01.2020, 00:47
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Сообщение от Malleys
rules.length > 0 && !disabled
разве недостаточно
href == new URL(src, location) для того что бы узнать загружен такой файл или нет?
Ответить с цитированием
  #4 (permalink)  
Старый 14.01.2020, 00:53
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Сообщение от рони
разве недостаточно
Достаточно, если вы хотите просто проверить есть ли такое подключение, а не то, на самом ли деле стили загружены и могут ли быть применены на странице.
Ответить с цитированием
  #5 (permalink)  
Старый 14.01.2020, 02:21
Аспирант
Отправить личное сообщение для misha.korolcov Посмотреть профиль Найти все сообщения от misha.korolcov
 
Регистрация: 05.09.2019
Сообщений: 84

спс
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
смена стилей css при прокрутке, не работает в ie , safari biorobot Javascript под браузер 2 27.12.2017 10:22
Смена таблицы стилей acvabalt Общие вопросы Javascript 12 21.07.2013 06:59
Смена стилей объектов? chinga Элементы интерфейса 13 16.05.2012 14:49
Смена стилей страницы при изменении размера окна браузера goooooch Javascript под браузер 6 19.11.2011 18:49
Смена css стилей stvord Элементы интерфейса 5 03.09.2011 21:10