Что делает событие onfocus в JavaScript

“ в фокусе ” — хорошо зарекомендовавшее себя событие, которое в основном используется при работе с формами в JavaScript. Он срабатывает, когда связанный с ним элемент HTML получает фокус. Он работает со всеми типами HTML-элементов, кроме «», «», « <base>», «<style>», «<head>», « <body>», «<script>». », « <iframe>», «<meta>», « <br>», « <bdo>» и «<param>». Это событие, т. е. « <strong> в фокусе</strong> ” обычно используется в поле ввода HTML для проверки всех типов форм.<p> Этот пост объясняет цель, работу и использование события «onfocus» в JavaScript.</p> <h2> <strong> Как работает «событие onfocus» в JavaScript?</strong> </h2> <p> “ <strong> в фокусе</strong> ” запускается, когда конкретный элемент HTML получает фокус. Кроме того, он вызывает выполнение связанной функции JavaScript.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="3660419154" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr><br /><div class="embeded-video"><iframe src="https://www.youtube.com/embed/-FhsHyujmto?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br /> <p> <strong> Синтаксис</strong> </p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="3"></ins><br /> элемент.<span class="me1"> в фокусе</span> <span class="sy0"> '='</span> функция<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> мой скрипт<span class="br0"> }</span><span class="sy0"> ;</span> <p> В приведенном выше синтаксисе:</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="4"></ins><br /> <ul> <li> <strong> элемент:</strong> Он представляет элемент HTML.</li> <li> <strong> функция():</strong> Это относится к функции, которая должна быть вызвана триггером события.</li> <li> <strong> мой скрипт:</strong> Это соответствует определению функции для выполнения конкретной задачи, когда происходит событие «в фокусе».</li> </ul> <h2> <strong> Как использовать «событие onfocus» в JavaScript?</strong> </h2> <p> “ <strong> в фокусе</strong> ” можно использовать по-разному в JavaScript. В этом разделе приведены различные тактические примеры, иллюстрирующие его использование.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9858463164" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr> <h2> <strong> Пример 1: Запуск</strong> “ <strong> Событие onfocus</strong> ” <strong> путем изменения цвета фона поля ввода</strong> </h2> <p> Этот пример запускает « <strong> в фокусе</strong> », изменив цвет фона поля ввода текста с помощью определяемой пользователем функции JavaScript.</p> <h3> <strong> HTML-код</strong> </h3> <p> Во-первых, обзор следующего HTML-кода:</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <span class="sy0"> <</span> h2<span class="sy0"> ></span> в фокусе <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> Событие</span></a> В JavaScript<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> п<span class="sy0"> ></span> Нажмите внутри поля ввода, чтобы получить фокус<span class="br0"> (</span> в фокусе<span class="br0"> )</span> .<span class="sy0"> </</span> п<span class="sy0"> ></span> <br> <br> <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+name"><span class="kw3"> Имя</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> тип ввода<span class="sy0"> '='</span><span class="st0"> 'текст'</span> идентификатор<span class="sy0"> '='</span><span class="st0"> 'демо'</span> заполнитель<span class="sy0"> '='</span><span class="st0"> 'Введите ваше имя'</span> в фокусе<span class="sy0"> '='</span><span class="st0"> 'функция()'</span><span class="sy0"> ></span> <p> В приведенном выше коде:</p> <ul> <li> “ <strong> <h2></strong> » определяет подзаголовок и « <strong> <р></strong> ” соответственно создает абзац.</li> <li> После этого « <strong> <ввод></strong> », представляющий текстовое поле ввода, помечен как « <strong> Имя</strong> », тип содержимого как « <strong> текст</strong> », связанный идентификатор как « <strong> демо</strong> ”, и указанный заполнитель.</li> <li> Так же ' <strong> в фокусе</strong> » указано для перенаправления на функцию с именем « <strong> функция()</strong> ».</li> </ul> <h3> <strong> JavaScript-код</strong> </h3> <p> Затем выполните приведенный ниже код JavaScript:</p> <span class="sy0"> <</span> сценарий<span class="sy0"> ></span> <br> <br> функция функция<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> документ.<span class="me1"> получитьэлементбиид</span><span class="br0"> (</span><span class="st0"> 'демо'</span><span class="br0"> )</span> .<span class="me1"> стиль</span> .<span class="me1"> фон</span> <span class="sy0"> '='</span> <span class="st0"> 'розовый'</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> сценарий<span class="sy0"> ></span> <p> В приведенных выше строках кода:</p> <ul> <li> Функция под названием « <strong> функция()</strong> ' определено.</li> <li> В определении функции « <strong> документ.getElementById()</strong> » извлекает абзац по его идентификатору и применяет « <strong> стиль.фон</strong> ' свойство.</li> <li> Это так, что цвет фона текстового поля ввода изменяется при событии, т. Е. Триггере «onfocus».</li> </ul> <p> <strong> Выход</strong> </p> <p> <img class="wp-image-324017" src="https://softoban.com/img/other/AC/what-does-onfocus-event-do-in-javascript-1.gif"></p> <p> Вывод подтверждает, что когда « <strong> в фокусе</strong> », соответственно изменяется цвет фона данного поля ввода.</p> <h2> <strong> Пример 2: Запуск</strong> “ <strong> Событие onfocus</strong> ” <strong> Через окно оповещения</strong> </h2> <p> В этом примере окно предупреждения может отображаться при событии, т. е. « <strong> в фокусе</strong> ” срабатывает с помощью определяемой пользователем функции.</p> <h3> <strong> HTML-код</strong> </h3> <p> Во-первых, взгляните на следующий HTML-код:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> в фокусе <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> Событие</span></a> В JavaScript<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> п<span class="sy0"> ></span> Нажмите внутри поля ввода, чтобы получить фокус<span class="br0"> (</span> в фокусе<span class="br0"> )</span> .<span class="sy0"> </</span> п<span class="sy0"> ></span> <br> <br> <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+name"><span class="kw3"> Имя</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> тип ввода<span class="sy0"> '='</span><span class="st0"> 'текст'</span> идентификатор<span class="sy0"> '='</span><span class="st0"> 'пройти1'</span> заполнитель<span class="sy0"> '='</span><span class="st0"> 'Введите ваше имя'</span><span class="sy0"> ></span> <p> В приведенном выше блоке HTML-кода:</p> <ul> <li> Аналогичным образом добавьте подзаголовок 2-го уровня через « <strong> <h2></strong> » и включите абзац, используя « <strong> <р></strong> ' ярлык.</li> <li> Точно так же поле ввода определяется с помощью указанной метки, типа контента, идентификатора и заполнителя соответственно.</li> </ul> <h3> <strong> JavaScript-код</strong> </h3> <p> Теперь рассмотрим следующий код JavaScript:</p> <span class="sy0"> <</span> сценарий<span class="sy0"> ></span> <br> <br> документ.<span class="me1"> получитьэлементбиид</span><span class="br0"> (</span><span class="st0"> 'пройти1'</span><span class="br0"> )</span> .<span class="me1"> в фокусе</span> <span class="sy0"> '='</span> функция<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> демо<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> }</span><span class="sy0"> ;</span> <br> <br> демонстрация функций<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> тревога<span class="br0"> (</span><span class="st0"> «Поле ввода сфокусировать».</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> сценарий<span class="sy0"> ></span> <p> В приведенном выше фрагменте кода:</p> <ul> <li> “ <strong> документ.getElementById()</strong> » извлекает поле ввода по его идентификатору и связывает событие, т. е. « <strong> в фокусе</strong> ' с этим.</li> <li> Это так, что функция JavaScript « <strong> демо()</strong> ” вызывается триггером события и отображает “ <strong> тревога</strong> ” с указанным сообщением.</li> </ul> <p> <strong> Выход</strong> </p> <p> <strong> <img class="wp-image-324018" src="https://softoban.com/img/other/AC/what-does-onfocus-event-do-in-javascript-2.gif"></strong> </p> <p> В этом выводе можно заметить, что когда мышь щелкает внутри поля ввода, элемент получает фокус, и поэтому появляется всплывающее окно «предупреждение», отображающее указанное сообщение.</p> <h2> <strong> Заключение</strong> </h2> <p> JavaScript предлагает « <strong> в фокусе</strong> », которое запускается, когда связанный элемент HTML перемещается внутри него, т. е. получает фокус. Это обратная сторона « <strong> размытие</strong> », которое срабатывает, когда элемент теряет фокус. Его можно использовать для вызова функции JavaScript для выполнения желаемой задачи при запуске. В этом руководстве показано назначение, работа и использование события onfocus в JavaScript.</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/drugoj/" class="tag-cloud-link">Другой</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Категория</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Другой</a> </li><li> <a href="/nano/">Нано</a> </li><li> <a href="/zoom/">Зум</a> </li><li> <a href="/cinnamon/">Корица</a> </li><li> <a href="/reviews/">Отзывы</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Радио</a> </li><li> <a href="/minecraft/">Шахтерское Ремесло</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">Сжатие</a> </li><li> <a href="/laravel/">Ларавел</a> </li><li> <a href="/aircrack/">Трещина</a> </li><li> <a href="/office-productivity-software/">Офисное Программное Обеспечение Для Повышения Производительности</a> </li><li> <a href="/boot/">Ботинок</a> </li><li> <a href="/system-calls/">Системные Вызовы</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Сеть</a> </li><li> <a href="/gpu/">Гпу</a> </li><li> <a href="/gimp/">Канитель</a> </li><li> <a href="/plex/">Сплетение</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Докер</a> </li><li> <a href="/firewall/">Межсетевой Экран</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Синология</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Эфириум</a> </li><li> <a href="/parrot-os/">Ос Parrot</a> </li><li> <a href="/sublime/">Возвышенный</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Телефон</a> </li><li> <a href="/kodi/">Код</a> </li><li> <a href="/gnome/">Гном</a> </li><li> <a href="/manjaro/">Деликатность</a> </li><li> <a href="/mouse/">Мышь</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Метасплоит</a> </li><li> <a href="/torrent/">Торрент</a> </li><li> <a href="/tablet/">Планшет</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Завиток</a> </li><li> <a href="/kde/">Куда</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Шрифты</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Изображений</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Кальмар</a> </li><li> <a href="/mate/">Приятель</a> </li><li> <a href="/vlc-media-player/">Vlc Media Player</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Биткойн</a> </li><li> <a href="/keyboard/">Клавиатура</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Шифрование</a> </li><li> <a href="/fedora/">Шляпа</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Сканер</a> </li><li> <a href="/atom/">Атом</a> </li><li> <a href="/red-hat/">Красная Шапка</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Скайп</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Блокнот Jupyter</a> </li><li> <a href="/nfs/">Нфс</a> </li><li> <a href="/blog/">Блог</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Медиаплееры</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Стим</a> </li><li> <a href="/jenkins/">Дженкинс</a> </li><li> <a href="/power/">Власть</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Кв.м</a> </li><li> <a href="/bluetooth/">Блютуз</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Рукоятка</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Одиссея</a> </li><li> <a href="/audio/">Аудио</a> </li><li> <a href="/cpu/">Процессор</a> </li><li> <a href="/tensorflow/">Тензорный Поток</a> </li><li> <a href="/autodesk/">Autodesk</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Windows</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Устаревшая Версия)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Офис</a> </li><li> <a href="/drugoj/">Другой</a> </li><li> <a href="/skajp/">скайп</a> </li><li> <a href="/veb-kamera/">Веб-камера</a> </li><li> <a href="/mediapleery/">медиаплееры</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproksi/">хапрокси</a> </li><li> <a href="/gnom/">гном</a> </li><li> <a href="/botinok/">ботинок</a> </li><li> <a href="/vozvysennyj/">возвышенный</a> </li><li> <a href="/removal-guides/">Направляющие Для Снятия</a> </li><li> <a href="/ubuntu-24-04-cat/">Убунту 24.04</a> </li><li> <a href="/sleduusee-oblako/">следующее облако</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Популярные посты</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B9/elements-of-c-language-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/elementy-azyka-c">Элементы языка C</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/45/how-to-install-postgresml-on-ubuntu-22-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-ustanovit-postgresml-v-ubuntu-22">Как установить PostgresML в Ubuntu 22</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/0B/6-fixes-for-wi-fi-adapter-not-working-in-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/6-ispravlenij-dla-adaptera-wi-fi-ne-rabotausego-v-windows">6 исправлений для адаптера Wi-Fi, не работающего в Windows</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/3F/how-to-add-an-element-to-c-array-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-dobavit-element-v-massiv-c">Как добавить элемент в массив C++</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/65/how-to-apply-hover-on-grid-auto-flow-in-tailwind-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-primenit-avtopotok-pri-navedenii-na-setku-v-tailwind">Как применить автопоток при наведении на сетку в Tailwind?</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/43/how-to-use-pi-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-ispol-zovat-pi-v-matlab">Как использовать Пи в MATLAB</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/15/find-an-element-in-dom-based-on-an-attribute-value-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/najti-element-v-dom-na-osnove-znacenia-atributa">Найти элемент в DOM на основе значения атрибута</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/DD/how-to-use-php-getdate-function-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-ispol-zovat-php-funkciu-getdate">Как использовать PHP-функцию getdate()</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/9C/window-confirm-method-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/metod-podtverzdenia-okna-v-javascript">Метод подтверждения окна () в JavaScript</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D6/top-5-best-voicemail-apps-for-android-in-2022-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/top-5-lucsih-prilozenij-golosovoj-pocty-dla-android-v-2022-godu">Топ-5 лучших приложений голосовой почты для Android в 2022 году</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A2/sql-cumulative-sum-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/nakopitel-naa-summa-sql">Накопительная сумма SQL</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/9F/initialize-the-char-array-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/inicializacia-massiva-simvolov-v-c">Инициализация массива символов в C++</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/8F/what-is-three-tier-architecture-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cto-takoe-trehurovnevaa-arhitektura">Что такое трехуровневая архитектура?</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D4/can-an-arduino-run-a-camera-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mozet-li-arduino-upravlat-kameroj">Может ли Arduino управлять камерой</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/BE/how-to-skip-commit-hooks-in-git-no-verify-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-propustit-huki-fiksacii-v-git-bez-proverki">Как пропустить хуки фиксации в Git (без проверки)</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/47/simple-and-advanced-alias-command-examples-and-explanation-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/prostye-i-rassirennye-primery-komand-psevdonimov-i-poasnenia">Простые и расширенные примеры команд псевдонимов и пояснения</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/85/python-regex-examples-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/primery-regularnyh-vyrazenij-python">Примеры регулярных выражений Python</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/36/what-is-the-next-function-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cto-takoe-funkcia-next-v-php">Что такое функция next() в PHP?</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/24/how-to-change-username-on-debian-11-bullseye-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-izmenit-ima-pol-zovatela-v-debian-11-bullseye">Как изменить имя пользователя в Debian 11 Bullseye</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/2B/git-commit-message-best-practices-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/soobsenie-git-commit-rekomendacii">Сообщение Git Commit: рекомендации</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>