AJAX基礎學習1

2021-06-22 22:53:46 字數 1147 閱讀 6745

1、dom:是document object model文件物件模型的縮寫。根據w3cdom規範,dom是一種與瀏覽器,平台,語言無關的介面,使得你可以訪問頁面其他的標準組建

d:文件 - html文件或xml文件

o:物件 - document物件的屬性和方法

m:模型

dom是針對xml(html)的基於樹的api

dom樹:節點(node)的層次

dom把乙個文件表示為一顆家譜樹(父,子,兄弟)

dom定義了node的介面以及多種節點型別來表示xml節點的多方面

2、節點

整個文件就是乙個文件節點

每乙個html標籤都是乙個元素節點

標籤中的文字則是文字節點

標籤的屬性是屬性節點

一切皆是節點

3、dom屬性 -- nodename

文件裡的每乙個節點都有以下屬性。

①nodename:乙個字串,其內容是給定節點的名字。

var name = node.nodename;

如果節點是元素節點,nodename返回這個元素的名稱;

如果是屬性節點,nodename返回這個屬性的名稱;

如果是文字節點,nodename返回乙個內容為#test的字串

②nodename是乙個唯讀屬性。

4、dom屬性 -- nodetype

nodetype:返回乙個整數,這個數值代表著給定節點的型別。

①nodetype屬性返回的整數值對應著12種節點型別,常用的有三種:

-node.element_node       ---1        ---元素節點

-node.attribute_node    ---2        ---屬性節點

-node.text_node                 ---3        ---文字節點

②nodetype是個唯讀屬性

5、替換節點(replacechild())

把乙個給定父節元素裡的乙個子節點替換為另乙個子節點

var reference = element.replacechild(newchild,oldchild);

返回值是乙個指向已被替換的那個子節點的引用指標

如果被插入的子節點還有子節點,則那些子節點也被插入到目標節點中

AJAX基礎學習

1.load 方法 使用load 方法通過ajax請求載入伺服器中的資料,並把返回的資料放置到指定的元素中,它的呼叫格式為 load url,data callback 引數url為載入伺服器位址,可選項data引數為請求時傳送的資料,callback引數為資料請求成功後,執行的 函式。缺點 獲取的...

Ajax 學習 基礎學習

ajax技術的目的 實現頁面無重新整理資料動態更改 優點 不需要外掛程式支援 提供web程式的功能 優秀的使用者體驗 減輕伺服器頻寬的負擔 缺點 破壞瀏覽器的前進與後退 搜尋引擎seo的支援性不好 學習後編寫的乙個很基礎的ajax函式,幫助自己更好的掌握ajax method ajax請求所採用的方...

Ajax 學習筆記 1

從今天開始學習ajax,不知道自己能堅持多久寫部落格,呵呵 以前看過ajax的書,只是瀏覽,知道了它的大概意思,大概流程.前兩天才真正的開始仔細的看.用的是ajax開發精要那本書.今天試驗了乙個簡單的例子.index.htm process.jsp page contenttype text htm...