當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

BOM+DOM+JavaScript读取与操作网页对象

發布時間：2025/3/12 javascript 30 豆豆

生活随笔收集整理的這篇文章主要介紹了 BOM+DOM+JavaScript读取与操作网页对象小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

DOM

網頁的元素有多種定義方式，那我們怎么描述或指定頁面上某個元素呢。為了統一方式，產生了document object model 標準
以HTML表單為例，
文本字段前面的標題由label標簽聲明
每個表單字段都通過id屬性設置唯一的識別名稱，用于讓程序選取元素。
通常數據名稱name和識別名稱id取相同名字

BOM和DOM

BOM：整個瀏覽器窗口構成的結構
BOM沒有標準規范

windowdocument 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

總結

以上是生活随笔為你收集整理的BOM+DOM+JavaScript读取与操作网页对象的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：（回溯4）部分全排列
下一篇： java中spring的web支持nio