本週學習的是客戶端3個部分，xhtml、css和javascript的語法基礎。 第一：關於xhtml的屬性（標記）—— 1.表單屬性<form action="表單處理程序url" method="gei/post"> 2.<id="" name="">這2個屬性是表單命的唯一標識號和區別，根據我個人這個星期的作業和用法來看，大多用在<form> <input> 這類控件裡面。 3.控件屬性<input>,<select>和<option>,<textarea>； <input>是和type屬性定義不同的控件，一共有10種，包括文本框，多選，單選，密碼框，提交和取消等。根據不同需求用於不同控件。 <select>和<option>是一起用作控制下拉菜單。基本格式： <select name="" id=""> <option value="">xx</option> </select> <textarea>是用來創造一個多行文本框。 4.常用定義屬性：font-family：定義整個頁面字體風格；font-size:字體大小；width:寬度；height:高度；colspan:""合併列數；align:位置；<br />空一行&nbps ;空一格 第二：css控制頁面 1.樣式規則：在使用css樣式佈局中，基本格式如下 選擇器{ 屬性1：值1； 屬性2：值2； ..... } 並且在<head></head>中加入<style type="text/css">才會調用css相關作用 2.選擇器：元素選擇器、類選擇器、id選擇器、包含選擇器、通配選擇器和偽類及偽元素選擇器。 （各選擇器作用和用法請參考書54-56） 3.樣式規則位置： 一共有3種形式——外聯，內聯和嵌入式。 外聯就是在所生成頁面文件的同級文件中創造一個.css的文件，然後在.css中用文本的形式把起作用的屬性代碼寫上。 並且在頁面文件中以<link rel="stylesheet" type="text/css" ref="樣式表的url"> 來調用，這種方式適合多個頁面使用同一樣式。 嵌入就是常用的css屬性，也就是在<head></head>中加入<style type="text/css">，用 選擇器{ 屬性1：值1； 屬性2：值2； ..... } 這樣的形式來使用。 內聯就是在元素後面使用style屬性來標記顯示時的樣式。基本上大多數html標記都有style屬性。 4.css盒模和重疊 （1）margin:邊距 border:邊框 padding：邊框距（具體見書53） （2）css屬性單位：（見書57-65頁詳細介紹） （3）div-css頁面佈局： 這個是重點，不僅僅是<table>屬性能對整個頁面佈局，一般常用的<div>更方便和簡潔。 第三：javascript的語法基礎和進階 需要掌握的只有3點： 1.<script type="text/javascript"> 這點和調用css屬性一樣。 document.write("你好")這個等同於c語言printf意思，也可以用alert來替代。 2.事件處理程序：這點知識點有4點，比較多，參考樹上81-95頁的詳細介紹。 3.進階語法：也就是和c語言中的數據類型，循環，順序，選擇一類類似。只是有幾點區別： (1)定義數據類型，不用明確定義，只需用var就行。 (2)不同類型數據計算不用c語言那麼明確，比如var 'a' b，一個字符型，一個數據性，也可以計算c='a'-b。 (3)增加了字符串運算符。 4.函數調用：這點也和c語言類似，我用一個例題來說明： <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" " http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd "> </body> 這個題就是用函數調用的方式來求和，大家應該能看懂- -！我們的作業。 好了，這就是這個星期我的總結，希望對大家有幫助，肯定不全面僅作參考！
<html xmlns=" http://www.w3.org/1999/xhtml " xml:lang="en" lang="en">
<head>
<title>javascript求和</title>
<script type="text/javascript">
function sum1(m){
var i ,n=1;
for(i=1;i<=m;i++){
n=1/i*n;
}
return n;
}
function sum(n){
var i,s=0;
for(i=1;i<=n;i++){
s=s+sum1(i);
}
alert(s);
}
</script>
</head>
<body>
<form action="#" method="get">
1+1/2!+1/3!+1/4!.....1/10!=
<input type="button" value="求和" onclick="sum(10);" />
</form>
</html>