一、Form表單
真題1：簡述POST和GET傳輸的最大容量分別是多少？
參考答案：
GET方法傳遞數據，控制在1MB之內（因為URL的長度限制在1MB字符以內）；POST方法傳輸數據沒有大小的限制。
真題2：如何通過form表單控制上傳文件的大小？
參考答案：
在form表單中，通過隱藏域MAX_FILE_SIZE控制上傳文件的大小，它必須放置在文件域之前才能夠起作用。
真題3：查看一下代碼，判斷是否能夠獲取到頁面中傳遞的數據？
<form>
<input type="text" name="text">
<input type="submit" name="sub" value="傳遞">
</form>
<?php
if(isset($_POST['sub'])){
echo $_POST['text'];
}
?>
參考答案：
通過$_POST方法獲取不到表單中提交的數據，可以利用$_GET方式實現獲取數據。
因為form表單在沒有定義method屬性和action屬性時，默認情況下采用get的傳遞方式來傳遞數據，並且默認情況下為當前頁面跳轉。
真題4：如何設置form表單中的只讀屬性？
參考答案：
利用readonly、disabled。
真題5：在什麼情況下，$name與$_POST['name']可以通用？
參考答案：
在php.ini文件中register_globals = On 時，$name 與 $_POST['name']都可以獲取form表單中表單元素name的值（以post方式提交）。
雖然可以通用，但是不推薦使用這種方式，因為會給程序帶來安全隱患。
二、CSS樣式
真題6：CSS的含義是什麼？
參考答案：
CSS是W3C協會為彌補HTML在顯示屬性設定上的不足而制定的一套擴展樣式標准，它的全稱是“Cascading Style Sheet”，可譯為“層疊樣式表”或“級聯樣式表”。
其最大的用途就是實現內容與表現形式的分離，改變網頁的整體表現形式，使維護站點的外觀更加容易，使HTML文檔代碼更加簡練，縮短浏覽器的加載時間。
真題7：在HTML頁面中插入CSS樣式你會使用哪幾種方式？（說出三種）
參考答案：
第一種方法：在標簽內部定義style屬性，然後定義本標簽下的樣式，如下所示：
<a href="#" >鏈接</a>
第二種方法：在HTML頁面中的<head></head>標簽下定義一對<style></style>標記，在標記內部利用標簽名稱、類選擇符、id選擇符設置屬性。
第三種方法：創建.css樣式文件，在文件內部利用id選擇符或類選擇符等定義樣式，然後在顯示的HTML主頁面中利用<link>標簽引入文件，如下所示：
<link type="text/css" rel="stylesheet" href="路徑">
真題8：CSS樣式修訂的常用屬性有哪些？
參考答案：
1、Border：定義邊框的屬性可以設置邊框的寬度、顏色、樣式。
2、background-color，設置背景顏色。
3、background-image，設置背景圖像。
4、font-size，設置字體大小。
5、font-family，設置字體。
6、text-align，設置或檢索對象中文本的對齊方式。
真題9：如何解決一下代碼在IE6下的雙倍邊距問題？
<style type="text/css">
body {margin:0;}
div {float:left; margin-left:10px; width:200px; height:200px; border:1px solid red;}
</style>
參考答案：
添加屬性display:inline;。
真題10：如何解決超鏈接被點擊後hover樣式不出現的問題？
參考答案：
根據固定的順序設置超級鏈接的屬性，即可解決此問題，代碼如下：
a:link{color:red; text-decoration:none;}
a:visited{color:blue; text-decoration:none;}
a:hover{color:black; text-decoration:overline;}
a:action{color:black; text-decoration:overline;}
真題11：如何解決火狐浏覽器下文本無法撐開容器的高度問題?
參考答案：
在火狐浏覽器下，需要在原有基礎上重新添加兩個CSS屬性，min-width和min-height，這樣就不會出現類似的問題。也可以加入一個清除對齊方式的類clear:both屬性的div來自動計算火狐浏覽器的高度。
真題12：怎樣定義1px左右高度的容器？
參考答案：
在div標簽下控制文字的行高，超出行高的內容設置為不顯示，代碼如下：
div{overflow:hidden | zoom:0.08 | link-height:1px;border:1px solid black}
三、DIV標簽
真題13：簡述模型標簽<span>和<div>標簽的區別？
參考答案：
<div>和<span>標記同樣作用於網頁布局中，它們的不同之處在於span標記是屬於內聯的，一般用於小模塊的樣式內聯到HTML文檔中，div元素本身就是塊級元素，多用於組合大塊的代碼。
真題14：准確指出以下代碼的顯示結果
<table border=1 width=450 >
<tr>
<td rowspan=2 width=50% height=50>a</td>
<td width=50% height=25>d</td>
</tr>
<tr>
<td width=50% height=25>b</td>
</tr>
<tr height=25>
<td colspan=2>c</td>
</tr>
參考答案：
如下圖所示：
a d b c
真題15：如何使一個DIV層居中定位？
參考答案：
position:absolute; top:50%; left:50%; margin:-100px 0 0 -100px;
真題16：怎樣解決firefox浏覽器中嵌套div標簽text-align屬性失效的問題？
例如，在IE浏覽器下嵌套的DIV標簽可以實現居中的效果。
<style>
.one{border:1px solid blue; width:300px; height:200px; text-align:center;}
.two{border:1px solid blue; width:200px; height:100px;}
</style>
<div class="one">
<div class="two"></div>
</div>
在IE浏覽器中的效果顯示為".two"區塊左右居中顯示，但是將這段代碼在firefox浏覽器中輸入時，則為左對齊顯示。
參考答案：
更改".two"區塊的CSS代碼，設置margin屬性為“margin:0px auto”即可實現居中效果。但是為了使在IE與firefox浏覽器中的顯示效果相同，請不要去除".one"中的text-align屬性。實現代碼如下：
<style>
.one{border:1px solid blue; width:300px; height:200px; text-align:center;}
.two{border:1px solid blue; width:200px; height:100px; margin:0px auto;}
</style>
<div class="one">
<div class="two"></div>
</div>
四、JavaScript腳本
真題17：請寫出JavaScript腳本中彈出對話框的函數和獲得輸入焦點函數
參考答案：
彈出對話框可以使用alert()函數。
獲取輸入焦點可以使用focus()函數。
真題18：JavaScript的轉向函數是什麼？怎麼引入一個外部JavaScript文件？
參考答案：
轉向函數：window.location.href="文件名稱"。
引入外部JavaScript文件：<script type="text/javascript" src="文件路勁及名稱"></script>
真題19：編寫代碼，使得當鼠標劃過文本框，自動選中文本框中的內容。
參考答案：
<input id="txt" type="text" value="baidu" onmouseover="this.select()"/>
真題20：編寫代碼，使得當鼠標單擊文本框時，自動清除文本框中的內容
參考答案：
<input id="txt" type="text" value="baidu" onclick="this.value=''"/>
真題21：如何編寫設置主頁的JavaScript代碼？
參考答案：
<a href="#" onclick="this.style.behavior='url(#default#homepage)'; this.setHomepage('url');">設為首頁</a>
五、Ajax應用
真題22：如何理解Ajax與jQuery中的Ajax？
參考答案：
Ajax與jQuery中的Ajax都是針對浏覽器無狀態情況下的解決方案，jQuery中的Ajax是對Ajax的封裝。
真題23：利用jQuery中的Ajax判斷用戶名是否被占用
參考答案：
需要定義兩個頁面，index.php頁面代碼如下:
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<input type="text"><input type="button" value="校驗">
<scritpt type="text/javascript">
$(function(){
$("input:last").click(function(){
$.get("in.php",{
username:$("input:first").val()
},function(data){
alert(data);
});
});
});
</script>
in.php頁面代碼如下：
<?php
$string = "用戶名";
if(isset($_GET['username'])){
if(urldecode($_GET['username']) == $string){
echo "用戶名被占用";
} else {
echo "用戶名可用";
}
}
?>
真題24：編寫代碼，使得在文本框中輸入一個年份，判斷其生肖，並在文本框旁邊輸出，要求寫出HTML和JavaScript代碼
參考答案：
前台頁面設計的代碼如下：
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<title>生肖的自動選擇</title>
</head>
<body>
<input type="text" value="請輸入年份格式為1990" onclick="this.select()">
<input type="submit" value="判斷">
<span></span>
<script>
$(function(){
$("input:last").click(function(){
$.get("in.php",{
number:$("input:first").val()
},function(data){
$("span".text(data));
);
});
});
</script>
</body>
</html>
後台判斷生肖的PHP腳本代碼如下：
<?php
if(isset($_GET['number'])){
$array = array("豬","鼠","牛","虎","兔","龍","蛇","馬","羊","猴","雞","狗");
foreach($array as $key => $value){
if(ceil($_GET['number']%12) == $key){
echo $value;
}
}
}
?>
六、jQuery框架
真題25：什麼是jQuery？
參考答案：
jQuery是一個優秀的JavaScript庫，是一個由John Resig創建於2006年1月的開源項目。其宗旨是——WRITE LESS，DO MORE（寫更少的代碼，做更多的事情）。
真題26：列舉出jQuery中的常用選擇題
參考答案：
基本選擇題、層次選擇題和過濾選擇題
真題27：如何實現查找DOM樹上的元素？請舉例寫出代碼
參考答案：
var input = $("input:first"); //獲取input標簽中的第一個節點
真題28：如何在DOM樹上創建並插入元素？請舉例寫出代碼
參考答案：
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<div>水果</div>
<script>
var title = $("<span>蘋果</span>");
$("div").append(title);
$("div").before(title);
$("div").prepend(title);
$("div").after(title);
</script>
真題29：如何在DOM樹上替換指定元素？請舉例寫出代碼
參考答案：
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<div>水果</div>
<script>
var title = $("<span>蘋果</span>");
$("div").replaceWith(title);
</script>
真題30：給您一張圖片，讓這張圖片以淡出的效果消失在頁面中，請寫出代碼
參考答案：
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<img src="color.jpg">
<script>
$("img").click(function(){
$(this).fadeOut("slow")l
});
</script>
真題31：制作一個按鈕，當這個按鈕被單擊時以卷簾效果消失，請寫出代碼
參考答案：
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<input type="button" value="按鈕" >
<script>
$("input").click(function(){
$(this).slideUp("slow")l
});
</script>
真題32：制作一個圖片輪換效果並寫出代碼
參考答案：
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<style>
ul(list-style:none;width:360px;height:200px;position:absolute;)
li{position:absolute;}
</style>
<div class="change">
<ul>
<li><img src="1.jpg" width="350px" height="200px"></li>
<li><img src="2.jpg" width="350px" height="200px"></li>
<li><img src="3.jpg" width="350px" height="200px"></li>
<li><img src="4.jpg" width="350px" height="200px"></li>
</ul>
</div>
<script>
$(function(){
$(".change ul li:not(:first)").hide();
setInterval(function(){
if($(".change ul li:first").is(":visible")){
$(".change ul li:first").fadeIn("slow");
$(".change ul li:last").hide();
} else {
$(".change ul li:visible").next().fadeIn("slow");
}
},1000);
});
</script>
真題33：如何使用jQuery獲取當前DOM元素（obj）的左上角在整個文檔中的位置？
參考答案：
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<ul>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
<li>ddd</li>
</ul>
<script>
$(function(){
var height=$("ul".css("margin-top"));
var width=$("ul").css("margin-left");
alert(height+"*"+width);
});
</script>
