JS | FLAGMAN.TOP

Метод Event.preventDefault()

05/05/202205/05/2022 admin

Метод preventDefault() интерфейса Event сообщает User agent, что если событие не обрабатывается явно, его действие по умолчанию не должно выполняться (например, можно отменить переход по ссылке, при нажатии на нее, и выполнить другое действие, см. пример ниже). event.preventDefault() не останавливает Читать дальше ...

Структура таблицы HTML

01/05/2022 admin

Элементы структуры таблицы HTML

<table>
  <caption>
    Это таблица
  </caption>
  <colgroup>
    <!-- цвет фона для первого столбца таблицы-->
    <col span="1" style="background: Khaki" />
    <!-- цвет фона для следующего (одного) столбца таблицы-->
    <col style="background-color: LightCyan" />
  </colgroup>
  <thead>
    <tr>
      <th></th>
      <th></th>
      <th></th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

<table>

Это таблица

</caption>

</colgroup>

<thead>

<tr>

</tr>

</thead>

<tfoot>

<tr>

</tr>

</tfoot>

<tbody>

<tr>

</tr>

<tr>

</tr>

</tbody>

</table>

где <table></table> является контейнером для всех элементов таблицы (все остальные элементы должны находиться внутри него). <caption></caption> создает заголовок таблицы. Добавляется непосредственно после тега <table>, вне строки <tr> или ячейки <td>. <colgroup></colgroup> группирует один или более Читать дальше ...

Объекты веб-хранилища localStorage и sessionStorage

20/04/2022 admin

Подробнее об объекте Storage https://developer.mozilla.org Объекты веб-хранилища localStorage и sessionStorage имеют объем 2 Мб+ (зависит от браузера) и позволяют хранить пары ключ-значение в браузере, при этом данные, которые в них записаны, сохраняются: течение сеанса, до закрытия браузера - при хранении Читать дальше ...

Работа с CSS через Javascript

19/04/202219/04/2022 admin

Получение всех CSS-свойств элемента ( метод window.getComputedStyle() ) Метод window.getComputedStyle() возвращает объект, содержащий значения всех CSS-свойств элемента после применения всех активных таблиц стилей и завершения базовых вычислений значений, которые они могут содержать. Синтаксис метода window.getComputedStyle():

let style = window.getComputedStyle(element [, pseudoElt]);

1	let style = window.getComputedStyle(element [, pseudoElt]);

где element - элемент Читать дальше ...

Всплытие и погружение (перехват) событий DOM

15/01/202220/01/2022 admin

Стандарт DOM Events описывает 3 фазы события: фаза погружения (capturing phase) – событие сначала идёт сверху вниз; фаза цели (target phase) – событие достигло целевого(исходного) элемента; фаза всплытия (bubbling stage) – событие начинает всплывать. Наиболее распространено использование фазы всплытия, другие стадии, Читать дальше ...

События DOM

15/01/202220/01/2022 admin

Событие DOM - это программный интерфейс, предназначенный для уведомления кода о каких-либо изменениях в окне браузера; это сигнал от браузера о том, что что-то произошло с каким-либо DOM-узлом. События (в общем случае) могут возникать в результате действий пользователя (например, использование Читать дальше ...