Рассмотрим на примере

Рассмотрим на примере

<!-- /*

function t(){}

<!-- */

<!-- body { background-color: white; }

Когда анализатор CSS будет разбирать вышеупомянутый код, символы комментария HTML будут пропущены, и код станет эквивалентным следующему примеру:

/*

function t(){}

*/

body { background-color: white; }

Анализатор CSS видит только CSS-код, а код скрипта закомментирован (/* ... */).

Когда анализатор JavaScript станет разбирать код, символы комментария HTML будут интерпретированы в комментарии строки (//), и, следовательно, код станет таким:

// /*

function t(){}

// */

// body { background-color: white; }

Анализатор JavaScript видит только код скрипта, а все остальное закомментировано. Чтобы ссылаться на этот ресурс, можно использовать теги <script> и <link> на странице. Например:

<link type="text/css" rel="stylesheet" href="test.jscss" />

<script type="text/javascript" src="test.jscss"></script>

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

Есть еще одна вещь, о которой стоит позаботиться, — Content-Type ответа. Его необходимо выставлять в */*, чтобы дать подтверждение Firefox: содержание может быть обработано как что-либо подходящее (как стили или как скрипты).

Указанное решение не работает в Safari (1-5% пользователей), однако конкретно для этого браузера (определив его через User-Agent) уже можно вставить загрузку еще одного файла.

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг:

Работа с трекером на примере rutracker.org

Из книги автора

Работа с трекером на примере rutracker.org Но прежде, если вы желаете скачать из сети файл, нам нужно найти торрент (файл метаданных), который впоследствии помещается в программу-клиент и позволяет найти и закачать связанный с ним файл.Наиболее популярный трекер на пространстве


IPO — как это делается на примере Twitter Сергей Голубицкий

Из книги автора

IPO — как это делается на примере Twitter Сергей Голубицкий Опубликовано 31 октября 2013 Недавно я дважды обращался к теме ожидаемого выхода Twitter на фондовую биржу, который аналитики оценивают не иначе как главное событие на фондовом рынке после


Развенчание мифологии о несовместимости мобильности с креативом на примере Википедии Сергей Голубицкий

Из книги автора

Развенчание мифологии о несовместимости мобильности с креативом на примере Википедии Сергей Голубицкий Опубликовано 11 февраля 2014 Сегодня я бы хотел задержаться на теме, которая меня лично сильно злит неадекватностью интерпретаций. Тема


От хаоса наблюдений к динамической типологии: обсуждение на примере популяционных систем зелёных лягушек Дмитрий Шабанов

Из книги автора

От хаоса наблюдений к динамической типологии: обсуждение на примере популяционных систем зелёных лягушек Дмитрий Шабанов Опубликовано 11 июля 2013 Выложив очередную колонку, я раз за разом заглядываю на сайт КТ: как восприняли? Чаще сначала


Решать проблему на примере борьбы с другими опасностями

Из книги автора

Решать проблему на примере борьбы с другими опасностями Что мы можем с этим сделать? Думаю, нам следовало бы ориентироваться на то, как мы решаем другие аналогичные проблемы. Алкоголь тоже вызывает зависимость, причиняет вред телу и духу, ведет к падению социального


Она NAS: Проба целого класса устройств на примере Synology Disk Station DS207

Из книги автора

Она NAS: Проба целого класса устройств на примере Synology Disk Station DS207 Автор: Алекс ЭкслерНа современном этапе бурного развития и распространения цифрового медиаконтента проблема хранения данных в локальной сети встает все более остро. И действительно: если себе вы еще