Дата и Время. Для работы с датой и временем в JavaScript используются объекты Date .
Создание Для создания нового объекта типа Date используется один из синтаксисов: new Date() Создает объект Date с текущей датой и временем: new Date(milliseconds) Создает объект Date , значение которого равно количеству миллисекунд (1/1000 секунды), прошедших с 1 января 1970 года GMT+0. new Date(datestring) Если единственный аргумент - строка, используется вызов Date.parse для ее разбора. Исследование высоты страницы и блоков. Исследование высоты страницы и блоков При создании html страниц ширину того или иного объекта обычно указывают явно (в процентах, либо в пикселах), а вот высота довольно часто может менятся в зависимости от содержимого.
Широко распространенными задачами, связанными с высотой блока, являются: "прокрутка" скроллинга (scrolling) до определенного места, расположение блока по центру или внизу страницы, позиционирование одного блока относительно другого и т.д. Последняя задача также связана с абсолютным смещением, о котором можно почитать в другой статье. К сожалению CSS здесь не всегда поможет, особенно если присутствует динамика, а вот JavaScript... высота страницы Методы для определения высоты объекта window: Надо отметить, что разными браузерами, во-первых, не все свойства поддерживаются, во-вторых, не все значения свойств совпадают. Сводная таблица (эта страница на экране 1280х1024)
The Javascript Playground. Событие "onscroll" Задача, которая описана ниже, демонстрирует результативный метод оптимизации страницы.
С целью экономии трафика и более быстрой загрузки страницы изображения на ней заменяются на «макеты». Вместо такого изображения: Стоит вот такое: То есть настоящий URL находится в атрибуте realsrc (название атрибута можно выбрать любое). А в src поставлен серый GIF размера 1x1, и так как width/height правильные, то он растягивается, так что вместо изображения виден серый прямоугольник.
При этом, чтобы браузер загрузил изображение, нужно заменить значение src на то, которое находится в realsrc. Если страница большая, то замена больших изображений на такие макеты существенно убыстряет полную загрузку страницы. Кроме того, для мобильных устройств JavaScript может подставлять URL уменьшенного варианта картинки.
Напишите код, который при прокрутке окна загружает ставшие видимыми изображения. Работать должно так: открыть работающую страницу в новом окне. P.S. P.P.S. JavaScript Гарден. Although JavaScript deals fine with the syntax of two matching curly braces for blocks, it does not support block scope; hence, all that is left in the language is function scope. function test() { // a scope for(var i = 0; i < 10; i++) { // not a scope // count } console.log(i); // 10} There are also no distinct namespaces in JavaScript, which means that everything gets defined in one globally shared namespace.
Each time a variable is referenced, JavaScript will traverse upwards through all the scopes until it finds it. In the case that it reaches the global scope and still has not found the requested name, it will raise a ReferenceError. The Bane of Global Variables // script Afoo = '42'; // script Bvar foo = '42' The above two scripts do not have the same effect. Again, that is not at all the same effect: not using var can have major implications. JavaScript Garden. Блок над окном при загрузке. Перетаскивается курсором. Как мышкой перемещать Div блок?
Техники сжатия кода / JavaScript. Джед Шмидт, Томас Фухс и Дастин Диаз — достаточно известные в JavaScript-коммьюнити ребята в последнее время нашли себе новую развлекуху — писать полезные штуки размером не больше одного твита, то есть 140 байт.
Даже домен зарегали — 140byt.es, куда приглашаются все желающие попробовать свои силы в написании супер-компактных функций. Естественно, в ход идут все самые изощренные способы и техники уменьшения размера исходника. У них есть вики-страничка с советами, которую я и решил перевести. Сразу оговорюсь, что читаемость обработанного таким образом кода стремится к нулю, так что использовать эти трюки стоит только в случаях, когда размер действительно превыше всего.
Например, при участии в конкурсе JS1k. Итак. Используйте однобуквенные позиционные аргументы в алфавитном порядке function(t,d,v,i,f){...} function(a,b,c,d,e){...} Проверяйте наличие аргументов вместо длины Можно использовать in для проверки наличия аргумента. arguments.length>1||(cb=alert) 1 in arguments||(cb=alert) Это короче. Пять способов вызвать функцию / JavaScript. Мне часто приходится сталкиваться с JavaScript-кодом, ошибки в котором вызваны неправильным понимаем того, как работают функции в JavaScript (кстати, значительная часть такого кода была написана мной самим).
JavaScript — язык мультипарадигменный, и в нем имеются механизмы функционального программирования. Пора изучить эти возможности. В этой статье я расскажу вам о пяти способах вызова функций в JavaScript. На первых этапах изучения JavaScript новички обычно думают, что функции в нем работают примерно так же, как, скажем, в C#. Но механизмы вызова функций в JavaScript имеют ряд важных отличий, и незнание их может вылиться в ошибки, которые будет непросто найти. Давайте напишем простую функцию, которая возвращает массив из трех элементов — текущего значения this и двух аргументов, переданных в функцию. function makeArray(arg1, arg2){ return [ this, arg1, arg2 ]; } Самый распространенный способ: глобальный вызов Новички часто объявляют функции так, как показано в примере выше. Погодите.