第五模組 WEB開發基礎之DOM

2022-02-02 07:13:29 字數 2108 閱讀 2793

dom: document object model 文件物件模型

js中物件分為三種:

1. 使用者定義物件

2. 內建物件 array date math

3. 宿主物件 window

將dom看做一顆樹.

dom把文件看作一顆家譜樹.

在html中, 標籤就是dom物件, 這些dom物件又構成了家譜樹(節點樹).

"en

">"

我是mjj

"class="" id="">mjj

"en

">'

請您選擇購買的課程

'>本課程是web全棧課程,期待你的購買!

"en

">'

請您選擇購買的課程

'>本課程是web全棧課程,期待你的購買!

1. nodename: 節點的名稱

2. nodevalue: 節點的值

3. nodetype: 節點的型別

1. nodename屬性: 節點的名稱, 唯讀

1. 元素節點的nodename與標籤名相同

2. 屬性節點的nodename與屬性的名稱相同

3. 文字節點的nodename永遠是 #

text

4. 注釋節點的nodename永遠是 #

comment

5. 文件節點的nodename永遠是#

document

2. nodevalue屬性: 節點的值

1. 元素節點的nodevalue是undefined或null

2. 文字節點的nodevalue是文字自身

3. 屬性節點的nodevalue是屬性的值

3. nodetype屬性: 節點的型別, 唯讀(瀏覽器不同, 值可能不同)

以下常用的幾種節點型別:

元素型別 節點型別

元素 1屬性 2文字 3注釋 8文件 9

"en

">

"box" title="

我是文字

">我是乙個文字節點

"en

">class="

previous

">我是上個兄弟

"father

">

mjjmjj2

class="

sibling

">我是下個兄弟

"en

">"

box">

"active

">mjj

"en

">'

box'>mjj

常用事件

onclick 滑鼠單擊事件

onmouseover 滑鼠經過事件

onmouseout 滑鼠移開事件

onchange 文字框內容改變事件(常用於表單事件)

onselect 文字框內容被選中事件(常用於表單事件, 如選中下拉列表中選項)

onfocus 游標聚焦事件(常用於表單事件, input輸入框中插入游標)

onblur 游標失焦事件(常用於表單事件)

onload 網頁載入事件

"en

">

"box" >

"en

">"

box">

"en

">

"en

">"

text

" name="" value="

mjj">

"en

">"

box">mjj

第五章 Web原理與應用開發

http協議 getpost head putdelete options connect 現在的web應用開發大都是前後端分離ajax進行互動,所以通常會規定前定義介面 url 目前的前後端接 們通常會遵循restful規範,也就是說使用請求方法來表示操作型別,如get請求代表查詢,post代表新...

第五章 Web原理與應用開發

5.1 http協議 wwwwww是目前為止具著名的分布式應用,從應用功能看,www是一種互動式圖形介面的internet服務,具有強大的資訊連線功能,它能使成千上萬的使用者通過簡單的圖形介面就可以訪問各個大學 組織 公司等的最新資訊和各種服務。從技術上看,www是乙個基於http的客戶 伺服器應用...

Linux攻關之基礎模組五 Vim

vim基本介紹 vim模式介紹 vim命令模式 vim編輯模式 vim末行模式 vim檢視模式 vim環境變數 vim擴充套件知識 1.vi與vim vi與vim的區別 vi不顯示高亮顏色語法 vim顯示高亮度語法 2.vim的三種模式 命令模式 輸入模式 末行模式 命令模式 控制游標移動,可對文字...