BOM+DOM+JavaScript讀取與操作網頁物件
阿新 • • 發佈：2018-12-21
DOM
網頁的元素有多種定義方式，那我們怎麼描述或指定頁面上某個元素呢。為了統一方式，產生了document object model 標準
以HTML表單為例，
文字欄位前面的標題由label標籤宣告
每個表單欄位都通過id屬性設定唯一的識別名稱，用於讓程式選取元素。
通常資料名稱name和識別名稱id取相同名字
BOM和DOM
BOM：整個瀏覽器視窗構成的結構
BOM沒有標準規範
window
document
location(網址)
history（瀏覽歷史）
navigator（瀏覽器資訊）
DOM：網頁文件元素構成的樹狀結構
W3C有標準
document（文件物件）
<html>
<body>
<form>（<-標籤元素（物件））
<label>
"num1"（<-欄位id名稱）欄位
<label>
"num2"欄位
<br>
<p>
"calc"按鈕
可進行的處理：
1.獲取頁面標籤的資料
2.修改標籤資料包括文字和屬性
3.在頁面中新增標籤
4.設定事件處理程式
讀取與操作網頁物件
首先寫一個html檔案（你也可以用記事本寫，然後改格式為.html），用瀏覽器開啟，然後ctrl+shift+j調出來JavaScript控制檯，我們通過輸入下面兩行程式碼對它的物件進行輸入操作
我們通過JavaScript在第一個框裡面添入了12