Как динамически добавить стиль CSS в тег HEAD?

0

У меня необычный сценарий, где мне нужно взять контент для тега STYLE (только второго тега) из HTML document A и добавить его в тег HEAD после тега LINK HTML DOCUMENT B A и B находятся на одном сервере. Он должен быть динамически, я не контролирую созданный CSS (cms).

Я бы хотел знать:

  • Какой лучший подход, мне нужно избегать мерцания страницы
  • Что дешевле

Я могу использовать HTML5 и JQUERY. Я нацелен в основном на веб-кит.

    HTML A

    <html>
    <head>
    <style type="text/css">
                .styleA {}
    </style>
<!-- I am interested just in the following style tag
    <style type="text/css">
                .styleB {}
    </style>
//>
    </head>
    <body>
    </body>
    </html>



    HTML B

    <html>
    <head>
      <link rel="stylesheet" type="text/css" href="someothercss.css">
    <!-- should be injected here -->
    </head>
    <body>
    </body>
    </html>
  • 0
    Почему бы вам не использовать IFrame с каждой страницей, получающей свой собственный CSS?
  • 0
    Спасибо за ваш комментарий, к сожалению, я не могу использовать IFrames
Показать ещё 8 комментариев
Теги:

2 ответа

1

Вы можете создать отдельный.js файл с jQuery, который управляет css (или просто добавляет его в сам HTML-код), а затем просто свяжите.js с HTML B или и то, и другое, если хотите. Просто установите все элементы, которые должны наследовать стиль для класса, а затем напишите jQuery для управления css для этого класса.

Пример кода:

    $(".className").css({"background-color":"black","font-size":"12px"});

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

Поделиться
  • 0
    интересный подход спасибо за обмен
  • 0
    @GibboK, если вы хотите сделать его более динамичным, вы можете создать функцию JavaScript с jQuery, которая манипулирует css, а затем вызывать ее для событий DOM элементов HTML, таких как onClick, onMouseover и т. Д.
0

Вы можете попробовать следующие способы:

  1. Вы можете добавить этот стиль CSS на каждой странице.

  2. Создайте этот стиль CSS в отдельной таблице стилей. и ссылайтесь на эту таблицу стилей на страницах, где это необходимо.

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню