Загрузите / обратитесь к CSS-файлу во внешнем файле JavaScript

Question

Как я могу загрузить / обратиться к внешнему файлу CSS внутри внешнего файла JS.

Как показано на рисунке ниже, я хотел бы сослаться / загрузить файл Default.css внутри Common.js

Заранее спасибо

BB

Answer 1

Вам нужно попытаться найти абсолютный путь к файлу Default.css в приложении.

Из Common.js вы сможете загрузить Default.css, используя что-то вроде этого:

var linkEl = document.createElement('link');
linkEl.href='/App_Themes/Default/Default.css'; // start with slash '/' for absolute path
linkEl.rel='stylesheet';
linkEl.type='text/css';
document.getElementsByTagName('head')[0].appendChild(linkEl);

Answer 2

Создайте новый тег link в скрипте, ссылаясь на таблицу стилей.

Вот как вы делаете это в jQuery:

$("<link/>", {
    rel: "stylesheet",
    type: "text/css",
    href: "your script here."
}).appendTo("head");

Answer 3

Это можно сделать, создав элемент <link> и добавив его к document.body после добавления к нему соответствующих атрибутов (href, type и т. Д.).

Answer 4

Вы не можете загрузить таблицу стилей "внутри" JavaScript, вам нужно добавить таблицу стилей в DOM.

Ссылка grc , опубликованная в качестве комментария, расскажет вам, как.

Как загрузить файлы CSS с помощью Javascript?