CSS-выражения

CSS-выражения

CSS-выражения (англ. CSS expressions) были впервые представлены в Internet Explorer 5.0, который позволял назначать JavaScript-выражение в качестве CSS-свойства. Например, следующий код позволит выставить позицию элемента в зависимости от того, какого размера окно браузера.

#myDiv {

position: absolute;

width: 100px;

height:100px;

left: expression((document.body.offsetWidth > 110 ?

document.body.offsetWidth – 110 : 110) + "px");

top: expression(document.body.offsetHeight - 110 + "px");

background: red;

}

Не самый лучший способ решения поставленной задачи, но в качестве примера его достаточно.

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

Единственный способ избежать огромного числа вычисления CSS-выражений — использование одноразовых выражений, когда после проведения всех необходимых вычислений они устанавливают свойство CSS-стиля к какому-то конечному статическому значению, заменяя им CSS-выражение. В том случае, если необходимо динамически изменять свойство CSS-стиля по мере пребывания пользователя на странице, мы можем применить прием с обработчиками событий в качестве альтернативы. Если избежать использования CSS-выражений на странице не удается, то нужно помнить, что они могут вычисляться тысячи раз и тем самым повлиять на производительность всей страницы.

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг:

CSS-выражения

Из книги автора

CSS-выражения CSS-выражения (англ. CSS expressions) были впервые представлены в Internet Explorer 5.0, который позволял назначать JavaScript-выражение в качестве CSS-свойства. Например, следующий код позволит выставить позицию элемента в зависимости от того, какого размера окно браузера.#myDiv {position:


Выражения

Из книги автора

Выражения ifПозволяет организовывать выполнение фрагментов кода по условию.Синтаксис :if (выражение) statementМожет иметь неограниченную степень вложенности в другие IF.if($a > $b) print "$a больше $b";<?phpif($a > $b) { echo "$a больше $b; $b=$a;}?>elseРасширяет возможности IF по части обработки


R.17.2 Выражения

Из книги автора

R.17.2 Выражения выражение: выражение-присваивания выражение , выражение-присваиваниявыражение-присваивания: выражение-условия унарное-выражение операция-присваивания выражение-присваиванияоперация-присваивания: один из = *= /= %= += -= ››= ‹‹= &= ^=


Выражения

Из книги автора

Выражения      Выражение представляет собой объединение операций и операндов. (Напомним, что операндом называется то, над чем выполняется операция.) Простейшее выражение состоит из одного операнда, отталкиваясь от него, вы можете строить более сложные конструкции.


ВЫРАЖЕНИЯ

Из книги автора

ВЫРАЖЕНИЯ Введение Выражение — это комбинация операндов и операций, задающая порядок вычисления некоторого значения. Операции определяют действия, выполняемые над операндами. Операнд в простейшем случае является константой или переменной. В общем случае каждый


Индексные выражения

Из книги автора

Индексные выражения Синтаксис:<выражение1>[<выражение2>]Здесь квадратные скобки являются символами языка Си, а не элементами описания.Значение индексного выражения находится по адресу, который вычисляется как сумма значений <выражения1> и <выражения2>.


Операции и L-выражения

Из книги автора

Операции и L-выражения В зависимости от используемых операций выражения подразделяются на первичные, унарные, бинарные, тернарные, выражения присваивания и выражения приведения типа.Первичные выражения рассмотрены в разделах 4.2.4, 4.2.5, 4.2.6.Унарное выражение состоит из


4. Выражения

Из книги автора

4. Выражения В главе 3 мы рассмотрели типы данных – как встроенные, так и предоставленные стандартной библиотекой. Здесь мы разберем предопределенные операции, такие, как сложение, вычитание, сравнение и т.п., рассмотрим их приоритеты. Скажем, результатом выражения 3+4*5


Выражения

Из книги автора

Выражения Многие из задач, которые, так или иначе, выполняются во время преобразования, связаны с вычислением выражений. Для этих целей в XSLT используется язык XPath, который помимо выбора множеств узлов дерева может также выполнять некоторые основные операции над


7. Выражения

Из книги автора

7. Выражения Приоритет операций в выраженях такой же, как и порядок главных подразделов в этом разделе, наибольший приоритет у первого. Так например, выражения, о которых говорится как об операндах операции + (#7.4) – это те выражения, которые опрделены в ##7.1-7.4. Внутри каждого


7.1 Основные Выражения

Из книги автора

7.1 Основные Выражения Основные выражения, включающие в себя . , -» , индексрование и вызовы функций, группируются слева направо.список_выражений: выражение список_выражений , выражениеid: идентификатор имя_функции_операции typedef-имя :: идентификатор typedef-имя ::


14.1 Выражения

Из книги автора

14.1 Выражения выражение: терм выражение бинарная_операция выражение выражение ? выражение : выражение список_выраженийсписок_выражений: выражение список_выражений , выражениетерм: первичное_выражение унарная_операция терм терм ++ терм – sizeof выражение sizeof ( имя_типа ) (


Выражения

Из книги автора

Выражения Выражение задает вычисление, вырабатывающее значение, - объект или ссылку на объект. Выражениями являются:[x]. неименованные (манифестные) константы;[x]. сущности (атрибуты, локальные сущности, формальные аргументы, Result);[x]. вызовы функций;[x]. выражения с