iT邦幫忙

2022 iThome 鐵人賽

DAY 24
0
Modern Web

從0開始系列 第 24

從0開始爬 - window物件

  • 分享至 

  • xImage
  •  

Hi 又是學新東西的一天


window物件

前一天說到他很重要,說他是讓網頁從靜態到靜態的核心有點太小看他了。
其實整個JavaScript的物件都屬於window物件。
window物件可以代表瀏覽器視窗(window)、標籤頁(tab)、框架(frame)

  • window物件的很多很多子物件可以分成三大類

    1. 標準內建物件:這邊是真正屬於JavaScript內建的物件。例如前面說過的array、boolean、number、string等等
    2. 環境物件:這個的意思不是建置程式的地方,是透過這些物件存取顯示方的瀏覽器或螢幕資訊。
    3. Document物件:這個物件代表的就是想的那個HTML文件。可以透過這個物件存取HTML的元素。(忘記有哪些是HTML的我 回去翻自己的筆記ing
  • window物件的常見屬性
    https://ithelp.ithome.com.tw/upload/images/20221008/20151919KyaRzZonZG.png
    有個小小飯粒
    https://ithelp.ithome.com.tw/upload/images/20221008/20151919vgBfqljyzP.png
    當我鼠標移到我的頭像時,底下會跳出一欄狀態列
    假如沒跳的話,可能是因google有意把他隱藏可以到圖中的網址把他打開
    https://ithelp.ithome.com.tw/upload/images/20221008/20151919Aq0CloLTBl.png

  • window物件的常見方法
    這邊應該前幾個有在之前的範例看過
    https://ithelp.ithome.com.tw/upload/images/20221008/20151919g5fIlclhh7.png

    open()方法其實還有很多的外觀參數
    https://ithelp.ithome.com.tw/upload/images/20221008/20151919GzYecJmb47.png

  • 下面舉例新開一個視窗
    https://ithelp.ithome.com.tw/upload/images/20221008/20151919BAvBn5qLb3.png
    https://ithelp.ithome.com.tw/upload/images/20221008/201519191YyR2MelEP.png


document物件

其實 document物件也是window的子物件……想不到吧
代表的就是HTML文件本身

  • document物件常見屬性
    https://ithelp.ithome.com.tw/upload/images/20221008/20151919q9FHSJIXGa.png

  • document物件常見方法
    https://ithelp.ithome.com.tw/upload/images/20221008/201519196V4nteKj9m.png

  • 範例
    https://ithelp.ithome.com.tw/upload/images/20221008/20151919BRkcgJdHvk.png

  • 也可以寫在body裡面
    https://ithelp.ithome.com.tw/upload/images/20221008/20151919HXHYX4L72S.png


是新東西.../images/emoticon/emoticon13.gif


上一篇
從0開始爬 - 迴圈和一點點的物件導向
下一篇
從0開始爬 - JS事件
系列文
從0開始30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言