Файл: 1 Прототип htmlстраниц вебприложения 3 2 Синтаксис записи тегов и атрибутов в html 3.docx

Определение

Устанавливает способ позиционирования элемента относительно окна браузера или других объектов на веб-странице.

Синтаксис

position: absolute | fixed | relative | static | inherit

Значения

absolute - Указывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет. Положение элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position родительского элемента. Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента.

fixed - По своему действию это значение близко к absolute, но в отличие от него привязывается к указанной свойствами left, top, right и bottom точке на экране и не меняет своего положения при прокрутке веб-страницы.

relative - Положение элемента устанавливается относительно его исходного места. Добавление свойств left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения.

static - Элементы отображаются как обычно. Использование свойств left, top, right и bottom не приводит к каким-либо результатам.

inherit - Наследует значение родителя.

17 Способ включения JS-кода в html страницу

Клиентский JavaScript-код может встраиваться в HTML-документы четырьмя способами.

Встроенные сценарии между парой тегов ;

// Здесь располагается JavaScript-код

Из внешнего файла, заданного атрибутом src тега

В обработчик события, заданный в качестве значения HTML-атрибута, такого как onclick или onmouseover;

Щелкнитеменя!

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

Как тело URL-адреса, использующего специальный спецификатор псевдопротокола JavaScript.

Который сейчас час?

18 Что такое формальные и фактические параметры у функции на языке JavaScript?

Формальными параметрами (или просто параметрами) функции называются имена переменных в определении функции. Например у функции const f = (a, b) => a - b; формальные параметры — это a и b.

Фактические параметры — это то, что было передано в функцию в момент вызова. Например если предыдущую функцию вызвать так f(5, z), где const z = 8, то фактическими параметрами являются 5 и z. Результатом этого вызова будет число -3, а внутри функции на момент конкретного вызова параметр a становится равным 5, а b становится равным 8. Фактические параметры еще называют аргументами функции.

19 Создание переменной в языке JavaScript и область видимости переменной

Для создания (объявления) переменной в JavaScript нужно использовать ключевое слово.

В JavaScript существует три вида объявлений:

Var – Объявляет переменную, инициализация переменной значением является необязательной.

Let – Объявляет локальную переменную в области видимости блока, инициализация переменной значением является необязательной.

Const – Объявляет именованную константу, доступную только для чтения.

Переменная объявленная через var видна везде в функции.

Переменная, объявленная через let, видна только в рамках блока, в котором объявлена.

Сonst полностью аналогична let, однако заметим, что если в константу присвоен объект, то от изменения защищена сама константа, но не свойства внутри неё.

20 Создание функции в языке JavaScript

Функция - это фрагмент JavaScript-кoдa, который можно вызвать из любого места основного сценария. Функция создается с помощью ключевого слова function, синтаксис описания функции следующий:

function <Имя функции> ([ <Параметры>]) {

<Тело функции>

[return <Значение> ] }

Имя функции должно быть уникальным. Для него действуют те же правила, что и для имени переменной. После имени функции в круглых скобках указываются параметры функции. Если функции не передаются параметры, то указываются только круглые скобки. Если параметров несколько, то они разделяются запятыми.

Функция по определению должна возвращать результат. Результат возвращается с помощью ключевого слова return. Можно создать подпрограмму, которая не возвращает никакого результата, в этом случае ключевое слово retuгn не обязательно.

21 Создание функционального выражения в языке JavaScript

Существует ещё один синтаксис создания функций, который называется Function Expression (Функциональное Выражение). В данном случае ключевое слово function может использоваться для определения функции внутри выражения (при этом функция может являться анонимной, т.е. может не иметь собственного именования).

Синтаксис:

var myFunction = function [name]([param1[, param2[, ..., paramN]]]) {

statements

};

где

name - имя функции, является локальным для её тела и может быть опущено (в таком случае функция является анонимной);
paramN - имя аргумента, передаваемого в функцию;
statements - инструкции (программный код), составляющие тело функции.

Особенности использования функциональных выражений:

Если необходимо сослаться на текущую функцию внутри тела этой функции, то нужно создать именованное функциональное выражение. Имя будет локальным (только для тела функции, её области видимости).
Переменная, которой присвоено функциональное выражение, будет иметь свойство name, содержащее имя функции, и которое не изменяется при переприсваивании другой переменной:
- для анонимной функции значением свойства name будет имя переменной (неявное имя);
- если имя функции задано, то будет использовано имя функции (явное имя).
При объявлении функции синтаксисом "function expression" "поднятие" или "всплытие" функции JavaScript (hoisting) не работает.

22 Создание стрелочной функции в языке JavaScript

Стрелочные функции (от английского arrow function) – это функции, которые имеют немного другой более современный синтаксис. При создании стрелочных функциях не используется ключевое слово function. Появились стрелочные функции в стандарте ECMAScript 2016 (6 редакции).

(argument1, argument2, ... argumentN) => {

// тело функции

}

Пример функции, выводящей в консоль среднее арифметическое двух чисел:

(num1, num2) => {

const result = (num1 + num2) / 2;

console.log(result);

}

У стрелочной функции нет имени. Начинается стрелочная функция сразу же с ()

, внутри которых при необходимости описываются параметры. Далее идёт специальная стрелочка, которая состоит из знака = и >. Этот специальный синтаксис как раз и делает эту функцию стрелочной. После этого идёт тело функции, внутри которого мы описываем действия, которая она будет выполнять при её вызове. В теле как в традиционной функции опционально с помощью return мы можем возвращать результат.

const add = (a, b) => a + b;

Вариант сокращенной записи функции, применяемый в том случае, когда функция имеет лишь один аргумент.

23 Как создать библиотеку функций языка JavaScript?

Создать файл с расширением .js

Вписать функции

24 Что такое конкатенации строк в JavaScript?

В JavaScript конкатенация чаще всего используется для соединения значений переменных друг с другом, или строк со строками (для образования более длинных строк).

Базовый оператор конкатенации в JavaScript, немного сбивающий с толку, – это оператор + (такой же, как и оператор сложения). Несколько примеров:

var title = "We wish " + "to be friends";

Конкатенация с помощью оператора присваивания

Нередко мы заносим строку в переменную, а затем хотим добавить другую строку к уже существующей информации. Мы можем сделать это с помощью оператора присваивания со сложением +=:

var welcome = "Good ";

var time = "evening";

welcome += evening;

Метод concat также соединяет строки друг с другом:

var oneDay = "One day I met ";

var riddle = oneDay.concat("a man ","going to St. Ives.");

25 Как создавать массив в JavaScript?

Можно создать пустой массив, используя квадратные скобки или конструктор Array:

const users = new Array();

const people = [];

Можно сразу же инициализировать массив некоторым количеством элементов:

const users = new Array("Tom", "Bill", "Alice");

const people = ["Sam", "John", "Kate"];

Еще один способ инициализации массивов представляет метод Array.of() - он принимает элементы и инициизирует ими массив:

const people = Array.of("Tom", "Bob", "Sam");