開始研究Ajax. 第一天

2024-09-01 08:32:06

字體：大中小

來源：轉載

供稿：網友

開始研究Ajax. 第一天

首先，我是一個不適合學習程序的人，也不喜歡，因為我非常馬虎，每次都會寫錯很多代碼。不過出于對DOM，JS，CSS熱愛，還是開始研究Ajax了。

什么是Ajax?
我答：首先Ajax的四個組成部分為[XMLHttpRequest]，[Javascript]，[DOM]，[CSS].這四個東西暫且不多解釋。這四個東西的作用是 [XMLHttpRequest]負責與Web服務器通信，[Javascript]通過控制[DOM]來控制頁面，[CSS]做頁面修飾，當然也是被控制的對像。這就是Ajax。我所理解的。

下面是一個實例！
Ajax的Hello頁！ Hello The World！

CODE:

<html>
<head>
<title>Hello.the World</title>

<style type="text/css"></style>

<script>
window.onload=function() {
var hello=document.getElementById('hello'); //通過ID找到元素
hello.className='declared';

var empty=document.getElementById('empty');
addNode(empty,"reader of");
addNode(empty,"Ajax in Action!");

var children=empty.childNodes;
for (var i=0;i<children.length;i++) {
children[i].className='programmed';
}

empty.style.border='solid green 2px'; //直接為節點設置樣式
empty.style.width="200px";
}

function addNode(el,text){
var childEl=document.createElement("div"); //創建新元素
el.appendChild(childEl);
var txtNode=document.createTextNode(text); //創建文本元素
childEl.appendChild(txtNode);
}
</script>
</head>
<body>
<p>Hello</p>
<div></div>
</body>
</html>