window對象和document對象 window對象
一、Window對象 Window對象是JavaScript的全局對象,在瀏覽器中代表瀏覽器窗口。它有許多屬性和方法,可以用于控制和操作瀏覽器窗口。 1. 屬性: document:
一、Window對象
Window對象是JavaScript的全局對象,在瀏覽器中代表瀏覽器窗口。它有許多屬性和方法,可以用于控制和操作瀏覽器窗口。
1. 屬性:
- document:指向當前窗口中的文檔對象。
- innerWidth/innerHeight:窗口的內(nèi)部寬度/高度。
- outerWidth/outerHeight:窗口的外部寬度/高度。
- location:表示當前窗口的URL地址。
- ...
2. 方法:
- open():打開一個新的窗口。
- close():關(guān)閉當前窗口。
- alert():彈出警告框。
- ...
二、Document對象
Document對象表示當前窗口中加載的文檔,是Window對象的一個屬性。它提供了操作和訪問文檔內(nèi)容的方法和屬性。
1. 屬性:
- body:表示文檔的元素。
- getElementById():通過元素ID獲取元素。
- getElementsByTagName():通過標簽名獲取元素集合。
- ...
2. 方法:
- createElement():創(chuàng)建一個新的元素節(jié)點。
- appendChild():向指定節(jié)點添加一個子節(jié)點。
- setAttribute():設(shè)置元素的屬性。
- ...
總結(jié):Window對象和Document對象是JavaScript中非常重要的兩個對象,它們分別代表瀏覽器窗口和加載的文檔。通過使用這兩個對象的屬性和方法,我們可以控制和操作瀏覽器窗口和文檔內(nèi)容,實現(xiàn)豐富的前端交互效果。
文章演示例子:
lt;pgt;lt;pgt;lt;pgt;lt;pgt;lt;pgt;摘要:本文將分別介紹window對象和document對象,包括它們的作用、屬性和常用方法,以及它們在JavaScript中的應(yīng)用。lt;/pgt;