AJAX自學筆記(二)

一。 要學習AJAX,一定要先大概掌握CSS樣式列表

CSS 樣式表,將數據更有效地表現在網頁上,對字體,顏色,內容的間距等等的顯示

的一種定義。把XML的數據取出來如何顯示在前臺,那麼就需要CSS技術來做設定

選擇符{屬性:屬性值}

當然這個也包括html的標記。屬性如果是詞組用引號引起來。如

P{text-align:center;color:red}這樣就屬於一個定義

那麼在Html <p 321312/> 這樣就會呈現相應樣式

 

同樣 p.left{ text-align:center;color:red}

那麼在html <p class=”left” 342344/>  就需要這樣調用

 

CSS中,還可以這樣進行類的定義

 

CSS樣式裏面還有一個繼承的應用,這個是比較有用的。比如幾個同樣的圖形,就顏色不一樣。那麼就可以用繼承來做。

 

 

二。是DOM對象,爲我們提供好了一個對象。提供了2種對象,htmlxml標準

核心不一樣。可以通過javascript html頁面進行訪問。Dom就是一個樹形結構的

所以屬性能被訪問到,每個屬性就是相應的標籤。方便進行網頁編程,這個是JavaScript進行前端編程的基礎。

 

調用html裏面的屬性的時候,使用的是document對象,即DOM對象。

 

上面5個事件的作用分別是:

1 在頁面進行加載的時候觸發的事件(windows.onload

2 獲得DOM對象的節點屬性,即獲得某個標籤。(getElementById)

3 就是新建一個DOM屬性,也就是說在html頁面新建一個標籤(CreateTextElement)

4 就是在標籤後面新建文字內容(CreateTextElement)

5 就是爲標籤新添加一個子節點。在使用的時候是在標籤對象使用這個方法,添加文字內容。(appendChild)

DOM對象的調用一般是在JS文件當中。

Classname這個是在JS文件中告知瀏覽器使用的是哪個CSS

 

 

第三  異步調用數據

 

XmlDocument  XmlHttpRequest

這個纔是核心的東西

 

首先創建一個XMLrequest對象  然後取出數據

如果我們不考慮瀏覽器的類型的話,那麼就默認IE的話可以直接用下面語句生成xmlhttprequest對象。利用ActiveX對象

Var xmlhtttp=new ActiveXObject(“Mxml2.XMLHTTP”)

或者用下面語句

var xmlHttp;


function creatXMLHttpRequest()
{
if(window.ActiveXObject){
   xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
   }
else if(widow.XMLHttpRequest){
   xmlHttp = new XMLHttpRequest();
   }
}

但上面2個都不是最完美的,最完美的應該是有涉及到瀏覽器的一個判斷。這個比較長,通常是封裝在一個函數中,最後return一個xmlhttprequest對象.不過在一些常用的AJAX庫中已經封裝好了這個函數。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章