Об'єкти window та document

Об'єкт window

window - глобальний об'єкт JS, що містить в собі всю поточну веб-сторінку.

Виведіть в консоль та перегляньте властивості, методи цього об'єкта.

Якщо ви створюєте змінну в основному потоці - вона створюється як властивість об'єкта window. Проведіть експеремент:

function fun(){ alert(777); }
var kkk = 42;
window.nnn = 'hello';
console.log(window.kkk);
console.log(nnn);
window.fun();

Є деякі змінні, які об'єкт window тримає для себе. Однією з таких змінних є name. Ця змінна завжди строкова, змінити її тип даних неможна:

var name = 5,
    phone = 10;
console.log(name + 2);
console.log(phone + 2);

Але змінну з такою назвою можна сміливо використовувати у своїх функціях та як властивостях об'єктів:

function fun(){
  var name = 5;
  ...
}

(function(){
  var name = 5;
  ...
})();

var masha = {
  name: 'Маша',
  ...
}

Об'єкт document

Одним з найважливіших об'єктів, що міститься в об'єкті window, є document. В цьому об'єкті міститься вся наша веб-сторінка.

Ознайомтесь з цим об'єктом в консолі. Зверніть увагу на наступні властивості:

document.body;
document.head;
document.links;
document.anchors;
document.images;
document.forms;
document.title;