Каким кодом JS производится раскраска программного кода на странице?20.11.2017, 14:15. Показов 2542. Ответов 4
Метки нет (Все метки)
Зачастую, программный код, присутствующий на страницах html, поступает в браузер с сервера без стилей (имеющим черный цвет). Потом уже в браузере производится раскраска средствами JS (подобных разных библиотек - масса, по-моему). Например, функции окрашиваются одним цветом, значения переменных - другим, теги - третьим и т.п. Как здесь, к примеру: https://learn.javascript.ru/xhr-forms
Вопрос такой: каким конкретно кодом JS назначаются классы стилей, производящие раскраску? Спрашиваю чисто из любопытства: стало интересно, посмотрел подключенные к странице файлы JS, но что-то не нашел там мест, задающих эти классы для соответствующих слов в коде html. Или там что-то хитрое делается, скрытое от постороннего взора, типа самоудаляющегося JS?
0
|
|
| 20.11.2017, 14:15 | |
|
Ответы с готовыми решениями:
4
Проверить фрагмент кода - правильно ли производится расширение массива (динамические массивы) Каким кодом обрезать текст? Каким кодом раскрасить Circle |
|
2463 / 1769 / 625
Регистрация: 11.07.2016
Сообщений: 4,067
|
|
| 20.11.2017, 15:11 | |
|
Всё очень просто. Программный код делится на кусочки, которые оборачиваются в тег <span>. Этому тегу присваиваются определённые классы (в зависимости от контента кусочка - будь то тег, класс, атрибут и проч.). Затем из CSS выцепляются стили, соответствующие данным классам.
Нарезка программного кода на куски может осуществляться как на стороне сервера, так и на стороне клиента. Добавлено через 2 минуты P.S. Под фразой "очень просто" подразумевается простая логика работы. Описать полностью алгоритм, чтобы он работал в том виде, в котором вы показали - весьма непростая задача.
0
|
|
| 20.11.2017, 15:27 [ТС] | ||
|
Да и готовые библиотеки на JS, вроде как, есть. Но, я немного не о том. Вопрос такой: почему на той странице (по ссылке), вроде как, отсутствует код JS, выполняющий указанную процедуру? Ведь раз JS сработал в браузере, значит, он должен (был) быть доступен пользователю, так или иначе?... А если сохранить страницу - то она сохраняется уже вместе со всеми стилями. классами, которые раскрашивают программный код. Просто мне интересно - как реализовано, что код JS сработал, но самого его на странице нет.
0
|
||
|
2463 / 1769 / 625
Регистрация: 11.07.2016
Сообщений: 4,067
|
|
| 20.11.2017, 15:37 | |
Сообщение было отмечено Htext как решение
Решение
Возможно программный код уже был отдан сервером в таком виде.
Добавлено через 6 минут Просмотрел код. За раскраску кода там отвечает tutorial.<token>.js
1
|
|
| 20.11.2017, 15:54 [ТС] | |||
<code>, и все, никаких классов. А вот если посмотреть "выделенный элемент" (или через Firebug), т.е. посмотреть то, что сделалось после работы JS - там уже классы для расцветки, как полагается.Добавлено через 47 секунд Добавлено через 14 минут Похоже, и в самом деле - он. Судя, по крайней мере, по соответствующим регулярным выражениям, классу "token", который задается в span-ах. Значит, все же, чудес не бывает. Спасибо Вам за пояснения, Balanaar!
0
|
|||
| 20.11.2017, 15:54 | |
|
Помогаю со студенческими работами здесь
5
каким кодом обозначается ENTER в ASCII? Каким кодом можно вызвать форму
Каким кодом вызвать диалог выбора файла Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2.
Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
|
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях.
Задача: при копировании документа очищать определенные реквизиты и табличную. . .
|
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git
main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели
8ATzM_2aurI
|
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2.
Задача: запретить редактирование документа, если он открыт у другого пользователя.
/ / . . .
|
|
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои.
А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
|
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%
kYBz3eJf3jQ
|
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
|
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
|