Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.85/13: Рейтинг темы: голосов - 13, средняя оценка - 4.85
365 / 124 / 22
Регистрация: 08.01.2015
Сообщений: 1,418
Записей в блоге: 2

Каким кодом JS производится раскраска программного кода на странице?

20.11.2017, 14:15. Показов 2542. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Зачастую, программный код, присутствующий на страницах html, поступает в браузер с сервера без стилей (имеющим черный цвет). Потом уже в браузере производится раскраска средствами JS (подобных разных библиотек - масса, по-моему). Например, функции окрашиваются одним цветом, значения переменных - другим, теги - третьим и т.п. Как здесь, к примеру: https://learn.javascript.ru/xhr-forms
Вопрос такой: каким конкретно кодом JS назначаются классы стилей, производящие раскраску? Спрашиваю чисто из любопытства: стало интересно, посмотрел подключенные к странице файлы JS, но что-то не нашел там мест, задающих эти классы для соответствующих слов в коде html. Или там что-то хитрое делается, скрытое от постороннего взора, типа самоудаляющегося JS?
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
20.11.2017, 14:15
Ответы с готовыми решениями:

Проверить фрагмент кода - правильно ли производится расширение массива (динамические массивы)
Правильно ли я расширяю массив? Какие последствия могут быть? int *mas = (int*) malloc (10 * sizeof (int)); mas = 15654; mas =...

Каким кодом обрезать текст?
Подскажите начинающему нубу каким кодом зделать коректную обрезку длинного текста.Я скачал вот такой плагин,но понятия не имею куда его...

Каким кодом раскрасить Circle
Каким кодом раскрасить Circle со вкладки Shapes такой код не красит.. Circle1.Fill.Color := $0005FAFA;

4
Эксперт JS
2463 / 1769 / 625
Регистрация: 11.07.2016
Сообщений: 4,067
20.11.2017, 15:11
Всё очень просто. Программный код делится на кусочки, которые оборачиваются в тег <span>. Этому тегу присваиваются определённые классы (в зависимости от контента кусочка - будь то тег, класс, атрибут и проч.). Затем из CSS выцепляются стили, соответствующие данным классам.
Нарезка программного кода на куски может осуществляться как на стороне сервера, так и на стороне клиента.

Добавлено через 2 минуты
P.S. Под фразой "очень просто" подразумевается простая логика работы. Описать полностью алгоритм, чтобы он работал в том виде, в котором вы показали - весьма непростая задача.
0
365 / 124 / 22
Регистрация: 08.01.2015
Сообщений: 1,418
Записей в блоге: 2
20.11.2017, 15:27  [ТС]
Цитата Сообщение от Balanaar Посмотреть сообщение
Описать полностью алгоритм
Ну, это да. Я понимаю, что там, скорее всего, будут регулярные выражения, рекурсия и т.д. И что не обойтись парой строчек кода. Собственно, для кода html я делал пару лет назад подобное в... Word (через VBA). Правда, умудрился без рекурсии и Р.В.
Да и готовые библиотеки на JS, вроде как, есть.
Но, я немного не о том.

Вопрос такой: почему на той странице (по ссылке), вроде как, отсутствует код JS, выполняющий указанную процедуру? Ведь раз JS сработал в браузере, значит, он должен (был) быть доступен пользователю, так или иначе?...
А если сохранить страницу - то она сохраняется уже вместе со всеми стилями. классами, которые раскрашивают программный код.
Просто мне интересно - как реализовано, что код JS сработал, но самого его на странице нет.
0
Эксперт JS
2463 / 1769 / 625
Регистрация: 11.07.2016
Сообщений: 4,067
20.11.2017, 15:37
Лучший ответ Сообщение было отмечено Htext как решение

Решение

Возможно программный код уже был отдан сервером в таком виде.

Добавлено через 6 минут
Просмотрел код. За раскраску кода там отвечает tutorial.<token>.js
1
365 / 124 / 22
Регистрация: 08.01.2015
Сообщений: 1,418
Записей в блоге: 2
20.11.2017, 15:54  [ТС]
Цитата Сообщение от Balanaar Посмотреть сообщение
Возможно
Вот именно, что нет. Если посмотреть исходный код, то там есть лишь теги <code>, и все, никаких классов. А вот если посмотреть "выделенный элемент" (или через Firebug), т.е. посмотреть то, что сделалось после работы JS - там уже классы для расцветки, как полагается.

Добавлено через 47 секунд
Цитата Сообщение от Balanaar Посмотреть сообщение
tutorial.<token>.js
Хм... как же я его не нашел? Благодарю, сейчас сам попытаюсь найти.

Добавлено через 14 минут
Похоже, и в самом деле - он. Судя, по крайней мере, по соответствующим регулярным выражениям, классу "token", который задается в span-ах.
Значит, все же, чудес не бывает. Спасибо Вам за пояснения, Balanaar!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
20.11.2017, 15:54
Помогаю со студенческими работами здесь

каким кодом обозначается ENTER в ASCII?
подскажите плиз каким когод обознрачается ENTER в ASCII? Добавлено через 2 минуты ненадо,уже нашел)

Каким кодом можно вызвать форму
Здравствуйте! Подскажите пожалуйста как вызывать форму &quot;AboutBox&quot; при нажатии кнопки! заранее спасибо!

Есть ли разница в подключении js файлов к странице и написании кода в самой странице?
Т.е. есть ли разница между такой записью &lt;script type=&quot;text/javascript&quot; src=&quot;...&quot;&gt; и такой &lt;script...

Средства обратной разработки: из ASM кода нужно понять, по какой формуле производится расчет
Здравствуйте! Помогите разобраться с заданием. Дана программа, в ней есть функция f с аргументами x y z, которая проводит расчет по...

Каким кодом вызвать диалог выбора файла
Программа обработки результатов sms-голосования Пользователь должен выбирать сам файл, откуда будут загружаться данные, а у меня файл...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Подстановка значения реквизита справочника в табличную часть документа
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
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru