Различия в синтаксисе JavaScript между IE и Firefox

Хотя период в истории JavaScript использования длинных и раздражающих кодовых блоков для нацеливания на конкретные браузеры закончились, все еще необходимо время от времени использовать простые кодовые блоки и обнаружение объектов, чтобы гарантировать, что некоторые коды работают должным образом на пользовательских машинах.

В этой статье я кратко опишу 7 различных аспектов синтаксиса JavaScript между Internet Explorer и Firefox.

1. Атрибут CSS «Float»

Основным синтаксисом для получения конкретного атрибута CSS данного объекта является атрибут объекта. Стиль, и атрибуты с дефисом должны быть заменены номенклатурой верблюда. Например, чтобы получить свойство фонового цвета Div с идентификатором «заголовок», нам нужно использовать следующий синтаксис:

Кода кода выглядит следующим образом: Document.getElementById ("Header"). Style.BorderBottom = "1px solid #ccc";

Однако, поскольку «float» является зарезервированным словом для JavaScript, мы не можем использовать object.style.float для получения атрибута «float». Вот как мы используем его в двух браузерах:

Т.е. синтаксис:

Кода кода выглядит следующим образом: document.getElementById ("Header"). Style.stylefloat = "Left";

Firefox синтаксис:

Копия кода выглядит следующим образом: document.getElementById ("Header"). Style.cssfloat = "Left";

2. Стиль расчета элемента

Используя приведенный выше object.style.property, JavaScript может легко получить и изменить стиль CSS объекта. Тем не менее, ограничение этого синтаксиса состоит в том, что он может получить только встроенные стили в HTML или непосредственно использовать JavaScript для установки стилей. Объект стиля не может установить стили, используя внешнюю таблицу стилей. Чтобы получить «рассчитанный стиль» объекта, мы используем следующий код:

Т.е. синтаксис:

 var myObject = document.getElementById ("заголовок"); var myStyle = myObject.currentStyle.backgroundcolor;

Firefox синтаксис:

 var myObject = document.getElementById ("header"); var myComputEdStyle = document.DefaultView.getComputEdStyle (myObject, null); var myStyle = myComputEdstyle.backgroundColor;

3. Получите атрибут «класса» элемента

Подобно случаю атрибута «float», два браузера используют разные методы JavaScript для получения этого атрибута.

Т.е. синтаксис:

 var myObject = document.getElementbyId ("header"); var myAttribute = myObject.getAttribute ("className");

Firefox синтаксис:

 var myObject = document.getElementbyId ("header"); var myAttribute = myObject.getAttribute ("class");

4. Получите атрибут «для» метки метки

Как и 3, существуют разные синтаксисы для использования JavaScript, чтобы получить атрибут «для» метки.

Т.е. синтаксис:

 var myObject = document.getElementbyId ("mylabel"); var myAttribute = myObject.getAttribute ("htmlfor");

Firefox синтаксис:

 var myObject = document.getElementbyId ("mylabel"); var myAttribute = myObject.getAttribute ("for");

Тот же синтаксис также верно для метода SetAttribute.

5. Получите позицию курсора

Редко можно получить позицию курсора элемента. Если вам нужно это сделать, синтаксис IE и Firefox также отличается. Этот пример кода довольно базовый и обычно используется как часть многих сложных обработок событий и используется только для описания различий здесь. Следует отметить, что результаты IE отличаются от результатов в Firefox, поэтому у этого метода есть некоторые проблемы. Обычно эта разница может быть компенсирована путем получения «позиции прокрутки», но это предмет другой статьи.

Т.е. синтаксис:

 var mycursorposition = [0, 0]; mycursorposition [0] = event.clientx; mycursorposition [1] = event.clienty;

Firefox синтаксис:

 var mycursorposition = [0, 0]; mycursorposition [0] = event.pagex; mycursorposition [1] = event.pagey;

6. Получите размер окна окна или браузера

Иногда необходимо выяснить размер эффективного окна пространства браузера, который обычно является «окном».

Т.е. синтаксис:

 var myBrowSesisize = [0, 0]; myBrowSeserize [0] = document.documentelement.clientWidth; myBrowSeserize [1] = document.documentelement.clientHeight;

Firefox синтаксис:

 var myBrowSesisize = [0, 0]; myBrowSeserize [0] = window.innerWidth; myBrowSeserize [1] = window.innerheight;

7. Альфа Прозрачный

Что ж, на самом деле это не синтаксис -проект для JavaScript - Alpha Transparency устанавливается через CSS. Однако, когда объект настроен на то, чтобы исчезнуть и выходить через JavaScript, его необходимо достичь путем получения альфа -настроек CSS, которые обычно находятся внутри цикла. Чтобы изменить код CSS со следующим JavaScript:

Т.е. синтаксис:

 #myelement {filter: alpha (opacity = 50);}

Firefox синтаксис:

 #myelement {непрозрачность: 0,5;}

Чтобы получить эти значения с помощью JavaScript, вам нужно использовать объект стиля:

Т.е. синтаксис:

 var myObject = document.getElementById ("myelement"); myObject.Style.filter = "alpha (непрозрачность = 80)";

Firefox синтаксис:

 var myObject = document.getElementById ("myelement"); myObject.Style.Opacity = "0,5";

Конечно, было упомянуто, что обычно это изменение Opcity/Alpha в середине цикла для создания эффектов анимации, но это простой пример, просто для четкого описания того, как реализован метод.

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