Найти в Дзене

JavaScript в адресной строке

В любом языке программирования есть какие-то хитрые возможности. Часто эти возможности не очень-то и нужны, но о них мало кто знает, поэтому они вызывают любопытство у настоящего фаната-программиста. Недавно я рассказывал об одной такой фишке в Python. Сегодня расскажу об одной фишке JavaScript.

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

Итак, вот суть: вы можете писать JavaScript-код прямо в адресной строке браузера, и после нажатия клавиши ENTER этот код будет сразу выполнен и вы получите результат работы сценария.

Конечно, этот способ не годится для больших программ. Но для того, чтобы быстро проверить какие-то свои мысли или работу какого-то небольшого кода, этот способ вполне подходит.

Правда, у него есть ещё один недостаток - когда в современных браузерах вы вводите что-то в адресную строку, то это работает также, как будто вы ввели поисковый запрос. То есть если вы введёте код сценария, то он выполнен не будет, а браузер передаст этот текст поисковой машине и вы получите результаты поиска в Интернете, а не выполнение сценария.

Поэтому для экспериментов придётся использовать старые браузеры. Например, Internet Explorer, который входит в состав любой Windows.

Как это работает?

В адресной строке браузера вы набираете исходный код на JavaScript следующим образом: сначала пишите спецификатор псевдопротокола javascript:, после чего пишите код, где инструкции отделяются одна от другой точкой с запятой. После нажатия ENTER браузер как бы начинает загрузку по указанному протоколу, но на самом деле выполняет написанный вами код. Значение последнего выражения преобразуется в строку, и эта строка выводится как новый документ.

Примеры:

javascript:var x=5; var y=10; x+y;
javascript:alert("Hello, World!");
javascript:Date();

Ну и рисунки, которые показывают работу этих примеров (листайте - здесь три картинки):

Рекомендуем почитать
🐍📋 F-строки в Python для интерполяции и форматирования строк
Из этой статьи вы узнаете, как использовать f-строки — инструмент для быстрой интерполяции и форматирования строк, который превосходит по эффективности и читабельности классические подходы с применением оператора % и метода .format(). Данная статья является переводом. Ссылка на оригинал. К концу этого руководства вы поймете, почему f-строки – это мощный инструмент, которым необходимо овладеть разработчику на Python. В этом самоучителе вы узнаете, как: Для извлечения максимальной пользы от этого руководства, вы должны быть знакомы с типом данных строк Python...
🎨⭐ 10 лучших CSS-библиотек и фреймворков для быстрой разработки фронтенда
Запутался в CSS-фреймворках? Мы собрали ТОП-10 самых крутых инструментов, которые реально экономят время на фронтенде. От тяжеловеса Bootstrap до минималистичного Milligram – разобрали плюсы каждого и объяснили, когда что использовать. Этот материал взят из нашей еженедельной email-рассылки, посвященной фронтенду. Подпишитесь, чтобы быть в числе первых, кто получит дайджест. 📧 Подписаться (function () { let link = document .getElementById ("f4b9db82-676b-4a0d-91f0-00fb2ad53ba2-https://proglib...
Как превратить Ubuntu в идеальную платформу для программирования
Как создать надежную среду разработки на Ubuntu? Я покажу вам, как сделать это всего за несколько минут с помощью VS Code и Docker Desktop. То, что мы собираемся создать, — это изолированная среда разработки, где вы можете настраивать все так, как вам необходимо или нравится, не беспокоясь о проблемах или конфликтах с самой операционной системой Ubuntu. Конечным результатом станет воспроизводимая контейнеризованная среда, которая полностью независима от остальной части вашей системы. Это означает,...
Документы, вакансии и контакты