大家好，我是Karin，今天是挑戰第六天。
由於教學影片前面的部分大多都和之前學過的java概念差不多，因此就不特別做筆記了，只有簡單過目一下當做複習。
今天的學習內容是HTML DOM的核心觀念。
(讀法：HTML 洞?)
教學影片來自：彭彭的課程
https://www.youtube.com/watch?v=8OejlO7N_vw&t=844s

學習目標：了解如何運用程式語言來操作網頁的畫面

HTML DOM (HTML Document Object Model)

每個HTML標籤在JS中，都有對應的一個"標籤物件"，稱HTML element。
將HTML標籤物件串接在一起，就成為一個物件(object)。

瀏覽器將HTML程式碼轉變成HTML DOM(IN JAVASCRIPT中)，再根據HTML DOM產生網頁畫面。
(把每個html標籤都轉變成物件，並串聯起來產生繼承關係)

操作window物件

window物件是HTML DO的入口
window物件的屬性

window.innerWidth //視窗寬度
window.innerHeight //視窗高度

window物件的方法

.prompt("輸入資料","預設值")
.alert("彈出警告視窗")

操作screen物件

內建的screen物件，用來記錄使用者的螢幕資訊
screen物件是window物件的一個屬性

window.screen

screen物件的屬性

window.screen.width 
window.screen.height 

操作document物件

內建的document物件，代表網頁主畫面
document物件也是window物件的一個屬性

window.document
document //可簡寫為document

document物件的屬性

document.title //網頁標題
document.body

document物件的方法

document.querySelector("CSS選擇器")

今天先理解觀念的部分，明天來做程式碼的練習。