Прескочи към основното съдържание Прескочи към навигацията
Допълнения към урока
Учебна програма Основи на програмирането с JavaScript
Основи на програмирането с JavaScript
1. Въведение в JavaScript

Window, document и body

Курсове Основи на програмирането с JavaScript Седмица 1 - Въведение в JavaScript

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.

Предишен Следващ

Основи на програмирането с JavaScript В курса ще се научите как да пишете код с помощта на един от най-популярните програмни езици - JavaScript. Този курс е идеален за напълно начинаещи и ще ви помогне да разберете основите на програмирането, както и как да създавате интерактивни уеб приложения. Ще придобиете фундаментални умения, които ще ви позволят да създавате динамични уеб сайтове и да поставите основите си за развитие в областта на софтуерното програмиране.

Window е коренът на всичко в браузъра

window е глобалният обект в браузъра и реалният „корен“ на уеб страницата. Всички вградени функции като alert, console и други браузърни API-та са част от него. Обектът document е негово свойство и представя заредената HTML страница, а body е директна връзка към <body> тага. Най-важното: когато работите с JavaScript в браузъра, всичко започва от window, дори когато не го изписвате изрично.

Практика в конзолата – разгледайте структурата сами

  1. Отворете уеб страница и стартирайте Developer Tools (F12) → таб Console.
  2. Напишете alert("Test") и натиснете Enter – ще видите как функцията се изпълнява директно от конзолата.
  3. Напишете window и разгънете обекта – ще видите голяма структура с всички налични API-та.
  4. Намерете document вътре в window.
  5. Изпълнете window.document.body – ще получите директна референция към <body> елемента на страницата.

Това е основата за работа с DOM и манипулиране на съдържанието чрез JavaScript.

Основни обекти и методи

  • window – глобалният обект на браузъра, съдържа всички вградени API-та
  • document – представя текущо заредената HTML страница
  • document.body – директна връзка към <body> елемента
  • alert() – показва съобщение в браузъра (връща undefined)
  • console.log() – извежда информация в конзолата за дебъгване

Дискусия към урока

Въпроси
Отговори
инж. Юлиан Ангелов
Може ли
0
инж. Юлиан Ангелов
Каква е връзката между Window и обновленията, които инсталираната Java от време на време си тегли и инсталира в браузърите?
4