web前端的基礎考試題
阿新 • • 發佈：2019-01-02
Web前端階段考試
一、選擇題（每題2分*40=80分）
1.下列元素中，為行內元素的是（B）。
A.div
B.span
C.p
D.h3
2.下列HTML程式碼中，能在新視窗中開啟新浪首頁的是（C）。
A. <a src="http://www.sina.com.cn">新浪</a>
B. <a src="www.sina.com.cn" target="_blank">新浪</a>
C. <a href="http://www.sina.com.cn" target="_blank">新浪</a>
D. <a href="http://www.sina.com.cn">新浪</a>
3.需要建立一個多選框，且和文字關聯起來（單擊文字就像單擊核選框一樣）。下列 HTML 程式碼中，正確的是（D）。
A.<input type="checkbox" /><label>記住我</label>
B.<input type="checkbox" /><label for="checkbox">記住我</label>
C.<input type="checkbox" id="c1" /><label>記住我</label>
D.<input type="checkbox" id="c1" /><label for="c1">記住我</label>
4.下列方法中，能讓網頁中第5個div隱藏的是（C）。
A.$("div:5th-child").hide()
B.$("div:5th-child").hidden()
C.$("div:nth-child(5)").hide()
D.$("div:nth-child(5)").hidden()
5.有內部樣式表定義如下：
<style type="text/css">
p{color:Red;font-size:15pt;}
</style>
同時，有 html 程式碼如下所示：
<p style="background-color:gray;color:Blue;">p text</p>
段落中的文字”p text“的最終顯示效果是（A）。
A.藍色文字，字型大小為 15pt，背景色為灰色
B.藍色文字，預設字型大小，背景色為灰色
C.藍色文字，字型大小為 15pt，無背景色
D.紅色文字，字型大小為 15pt，無背景色
6.下列引用外部樣式表 style1.css 的語句中，正確的是（D）。
A.<link src="style1.css" type="text/css" rel="stylesheet" />
B.<link href="style1.css" type="css" />
C.<link src="style1.css" type="text/css" />
D.<link href="style1.css" type="text/css" rel="stylesheet" />
7. 檢視如下 html 程式碼：
<div id="header">
<a href="help.html">幫助</a>
</div>
<p>
<a href="home.html">主頁</a>
<a href="user.html">個人中心</a>
</p>
現需要定義樣式，實現：當滑鼠移入”幫助“連結上時，文字”幫助“的字型大小變為 20pt，而其他連結不變。下列樣式定義中，正確的是（D）。
A.a:hover {font-size:20pt;}
B.div.header a:hover {font-size:20pt;}
C.#header a {font-size:20pt;}
D.#header a:hover {font-size:20pt;}
8.檢視如下樣式定義：
.A .B { font-weight:bold;}
下列選項中，文字加粗顯示的是（C）。
A.<a class="A">文字A</a>
B.<a class="B">文字B</a>
C.<p class="A"><a class="B">文字C</a></p>
D.<p class="B"><a class="A">文字C</a></p>
9.檢視如下 html 程式碼：
<div style="float:left;">div text</div>
<p style="clear:left;">p text</p>
此程式碼在頁面上的顯示效果為（A）。
A.<div> 中的文字和 <p> 中的文字分兩行顯示，且文字左對齊
B.<div> 中的文字和 <p> 中的文字在一行上顯示，且文字左對齊
C.<div> 中的文字和 <p> 中的文字分兩行顯示，且文字右對齊
D.<div> 中的文字和 <p> 中的文字在一行上顯示，且文字右對齊
10. 有樣式定義如下：
div.parent {
width:100px;
height:70px;
border:1px solid gray;
}
div.child {
width:80px;
height:30px;
border:1px solid black;
background-color:silver;
}
同時，有 html 程式碼如下所示：
<body>
<div class="parent">
<div class="child">1</div>
<div class="child" style="position:absolute;top:15px;">2</div>
</div>
</body>
第二個 div 在頁面上的最終位置是（B）。
A.其上邊框距離其父元素（div） 為 15 px 距離
B.其上邊框距離 body 元素為 15 px 距離
C.其上邊框距離其原有位置為 15 px 距離
D.使用預設位置，定位並未發生改變
11. .需要在 html 頁面上引用指令碼檔案myJs.js，下列語句中，正確的是（D）。
A.<script language="javascript" href="myJs.js" type="text/javascript" />
B.<script language="javascript" src="myJs.js" type="text/javascript" />
C.<script language="javascript" href="myJs.js" type="text/javascript"></script>
D.<script language="javascript" src="myJs.js" type="text/javascript"></script>
12.檢視如下 JavaScript 程式碼（用於得到錄入數值的整數部分）：
function getInt() {
var str = document.getElementById("txtData").value;
if ( << 插入程式碼1 >> )
alert("請錄入數值");
else {
var data = << 插入程式碼2 >>;
alert("整數部分為：" + data);
}
}
為實現所需功能，”插入程式碼1“和”插入程式碼2“處所需要的程式碼分別是（C）。
A. isNaN(str) 和 parseFloat(str)
B. !isNaN(str) 和 parseFloat(str)
C. isNaN(str) 和 parseInt(str)
D. !isNaN(str) 和 parseInt(str)
13.檢視如下 JavaScript 程式碼：
var a = "10";
var b = 10;
if (a == b)
alert("equal");
if (a === b)
alert("same");
此程式碼執行後，效果為（A）。
A.只彈出”equal“
B.只彈出”same“
C.先彈出”equal“，再彈出”same“
D.沒有彈出顯示
14.閱讀如下程式碼：
var a1 = [1, 2, 12];
var a2 = [4, 23];
a1.concat(a2);
a1.sort();
alert(a1.join(";"));
程式碼執行後，alert 方法彈出的內容為（B）。
A.1;2;12
B.1;12;2
C.1;2;4;12;23
D.1;12;2;23;4
15.閱讀如下程式碼：
var str1 = "abc123def456";
var str2 = str1.replace(/\d+/gi, "*");
程式碼執行後，str2 的內容為（D）。
A.abc***def
B.abc***def***
C.abc*def
D.abc*def*
16.html 頁面主體的程式碼如下：
<body>
<form>
<input type="text" id="t1" />
</form>
</body>
下列選項中，能向文字框中寫入文字的是（AC）。 (多選題)
A.document.getElementById("t1").value = "aa";
B.document.getElementById("t1").innerHTML = "bb";
C.document.getElementsByTagName("input")[0].value = "cc";
D.document.getElementsByTagName("input")[0].innerHTML = "dd";
17.HTML 頁面上有一個超連結，要實現當滑鼠移入該超級連結時，超級連結的文字背景色變為灰色。下列選項中，能實現此功能的是（D）。
A.<a href="#" onmouseover="this.style.background.color='gray';">註冊</a>
B.<a href="#" onmouseout="this.style.background-color='gray';">註冊</a>
C.<a href="#" onmouseover="this.style.backgroundColor=gray;">註冊</a>
D.<a href="#" onmouseover="this.style.backgroundColor='gray';">註冊</a>
18. 有陣列定義如下：
var a1 = [1, 14, 4, 12, 23];
現需要實現對陣列 a1 中的內容按照數值大小升序排列，下列程式碼中，錯誤的是（C）。
A.a1.sort(new Function("a", "b", "return a-b;"));
B.a1.sort(function (a, b) { return a - b; });
C.a1.sort(new function (a, b) { return a - b; });
D.a1.sort(sortFunc);
function sortFunc(a, b) {
return a - b;
}
19. 現需要在頁面上實現動態時鐘的顯示，其 html 程式碼如下：
<body onload="initialClock();">
<span id="mySpan"></span>
</body>
相應的 JavaScript 程式碼如下：
function initialClock() {
//<< 插入程式碼 >>;
};
function timerFunc() {
var v = new Date()
document.getElementById("mySpan").innerHTML = v.toLocaleTimeString();
}
為實現所需功能，”插入程式碼“處所需要的程式碼是（A）。
A. window.setInterval(timerFunc,1000);
B. window.setInterval(timerFunc(),1000);
C. window.setTimeout(timerFunc,1000);
D.window.setTimeout(timerFunc(),1000);
20. 下列選項中，不是 window 物件的子物件的是（D）。
A.location
B.history
C.screen
D.arguments
21. html 頁面上有一個 id 值為 s1 的 <select> 元素，現需要使用 JavaScript 程式碼清空其所有選項，下列選項中，錯誤的是（D）。
A.document.getElementById("s1").options.length = 0;
B.document.getElementById("s1") = null;
C.while (document.getElementById("s1").options.length > 0) {
document.getElementById("s1").remove(0);
}
D.var selObj = document.getElementById("s1");
while (selObj.childNodes.length > 0) {
selObj.removeChild(selObj.lastChild);
22. html 頁面上有一個 id 值為 s1 的 <select> 元素，現需要使用 JavaScript 程式碼向列表中新增一個選項（<option>元素），下列選項中，錯誤的是（B）。
A. document.getElementById("s1").appendChild(new Option("aa", 18));
B. document.getElementById("s1").add(new Option("bb", 18));
C. document.getElementById("s1").options[document.getElementById("s1").options.length] = new Option("cc", 18);
D. document.getElementById("s1").options.appendChild(new Option("dd", 18));
23. html 頁面上有一個 id 值為 b1 的按鈕，現需要使用 JavaScript 程式碼為其定義單擊事件：單擊該按鈕後，彈出“Hello”。下列選項中，錯誤的是（C）。
A.document.getElementById("b1").onclick = function () { alert("hello"); };
B.document.getElementById("b1").onclick = new Function("alert('hello'); ");
C.document.getElementById("b1").onclick = new function () { alert("hello"); };
D.document.getElementById("b1").onclick = clickFunc;
function clickFunc() {
alert("Hello");
}
24.下列哪個樣式定義後,行級(非塊狀)元素可以定義寬度和高度( C)。
A. display:inline
B. display:none
C. display:block
D. display:inheric
25. 下列哪些是設定有關邊框的屬性（ABC）（多選題）
A、border-color
B、border-style
C、border-width
D、border-back
26. 在html檔案中應用abc.css檔案中的樣式的方法有（A B）(多選題)
A、<link href="abc.css" type="text/css" rel="stylesheet">
B、<style type="text/css">@import url(abc.css);</style>
C、<style type="text/css">@import (abc.css);</style>
D、<style type="text/css">import url (abc.css);</style>
27．下列哪種方式是用類選擇器定義樣式的（B）
A、p{color:red;}
B、.one{color:red;}
C、#two{color:red;}
D、p,h1{color:red;}
28. 下列代表無序清單的標籤是（ A ）
A、 <ul>…<li>…</ul>
B、<ol>…<li>…</ol>
C、<hl>…<li>…</hl>
D、< li >…< ol >…</ li >
29. window物件的方法中，(A ）方法是用於彈出確認對話方塊，可讓選擇“確定”或“取消”
A、confirm() B、alert() C、prompt() D、open()
30. 以下JavaScript變數名不合法的有（AC B）（多選題）?
A、4Myvariable B、
31. 在JavaScript程式中加入註釋，方法有（AB）(多選題)
A、//註釋內容 B、/*註釋內容*/ C、/註釋內容 D、/*註釋內容
32. 如果想在一個指定的元素後新增內容，下面哪個是實現該功能的？D
A、append(content) B、prepend(content) C、before(content) D、after(content)
33. 下面對錶單的POST提交方式描述不正確的是（ A ）。
A. 若直接在位址列中輸入URL按回車按GET方式提交；
B. 若屬性method不指定任何值或者不加屬性method，預設按GET方式提交；
C. 只有在method指定為POST時才按POST方式提交；
D. POST提交是將表單欄位資訊放置到請求頭中；
34. 在jquey中，如果想要從DOM中刪除所有匹配的元素，下面哪一個是正確的C
A、delete() B、empty() C、remove() D、removeAll()
35. 如何找到表單中隱藏的div？D
A、$("div:none") B、$("div:invisiable") C、$("div:even") D、$("div:hidden")
36. 在jquery中想要找到div元素的後輩div元素，下面哪一個是可以實現的？C
A、$(div div) B、$(div.div) C、$(div~div) D、$(div+div)
37.關於HTML5說法正確的是：C
A、HTML5只是對HTML4的一個簡單升級
B、所有瀏覽器都支援HTML5
C、HTML5新增了離線快取機制
D、HTML5書寫格式要求必須按照書寫規範
38. 關於javascript語言說法錯誤的是？C
A.JavaScript是目前Web應用程式開發者使用最為廣泛的客戶端指令碼程式語言。
B.javaScript是網景公司專為Navigator瀏覽器開發、實現網頁內容互動的功能。
C.javascript是由SUN公司開發的。
D.ECMAScript是一個為了規範Javascript語言而產生的國際標準。
39. 表示式5+22/2%2的計算結果是：B
A.5 B.6 C.7 D.8
40. 關於文件物件模型（Document Object Model），如下說法錯誤的是：C
A. DOM能夠以程式設計方式訪問和操作web頁面內容。
B. DOM允許通過物件的屬性和方法訪問頁面中的物件。
C. DOM能夠建立動態的文件內容，但是不能刪除文件物件。
D. DOM也提供了處理事件的介面，它允許捕獲和響應使用者以及瀏覽器的動作。
二、簡答題（每題5分*4=20分）
1. display:none和visibility:hidden的區別是什麼?
答：display:none 不為被隱藏的物件保留其物理空間
visibility：hidden 為被隱藏的物件保留其物理空間
也就是display:;當他的值變成block 的時候，它所在的結構才會被載入進來。
而visibility就會在載入頁面的同時就已經把它載入進來了，
因為他的值為hidden的時候，它所佔的空間還在。
2. 如何居中div？
答:設定寬度：還設定 margin: 0px auto;
3. 編寫一個正則表示式：判斷字串是否是這樣組成的，第一個必須是字母，後面可以是字母、數字、下劃線，總長度為5-20
答：var reg=/^[A-Za-z]\w{4,19}$/；
alert(reg.test("avcd12345"));
4. 使用字串函式來擷取字串中的efg
var str="ddfjfjkefg";
alert(str.substr(7,3))
5. CSS的盒子模型由什麼組成？
1.內容（content）————我們往往給塊級元素設定高度和寬度就是內容的高度和寬度
2.邊框（border）————邊框的粗細是盒子的一部分（四個邊框）
3.內邊距（padding）————內容和邊框的距離（四個方向）
4.外邊距（margin）————邊框四周的空間，距離父容器的距離（四個方向）
一、選擇題（每題2分*40=80分）
1.下列元素中，為行內元素的是（B）。
A.div
B.span
C.p
D.h3
2.下列HTML程式碼中，能在新視窗中開啟新浪首頁的是（C）。
A. <a src="http://www.sina.com.cn">新浪</a>
B. <a src="www.sina.com.cn" target="_blank">新浪</a>
C. <a href="http://www.sina.com.cn" target="_blank">新浪</a>
D. <a href="http://www.sina.com.cn">新浪</a>
3.需要建立一個多選框，且和文字關聯起來（單擊文字就像單擊核選框一樣）。下列 HTML 程式碼中，正確的是（D）。
A.<input type="checkbox" /><label>記住我</label>
B.<input type="checkbox" /><label for="checkbox">記住我</label>
C.<input type="checkbox" id="c1" /><label>記住我</label>
D.<input type="checkbox" id="c1" /><label for="c1">記住我</label>
4.下列方法中，能讓網頁中第5個div隱藏的是（C）。
A.$("div:5th-child").hide()
B.$("div:5th-child").hidden()
C.$("div:nth-child(5)").hide()
D.$("div:nth-child(5)").hidden()
5.有內部樣式表定義如下：
<style type="text/css">
p{color:Red;font-size:15pt;}
</style>
同時，有 html 程式碼如下所示：
<p style="background-color:gray;color:Blue;">p text</p>
段落中的文字”p text“的最終顯示效果是（A）。
A.藍色文字，字型大小為 15pt，背景色為灰色
B.藍色文字，預設字型大小，背景色為灰色
C.藍色文字，字型大小為 15pt，無背景色
D.紅色文字，字型大小為 15pt，無背景色
6.下列引用外部樣式表 style1.css 的語句中，正確的是（D）。
A.<link src="style1.css" type="text/css" rel="stylesheet" />
B.<link href="style1.css" type="css" />
C.<link src="style1.css" type="text/css" />
D.<link href="style1.css" type="text/css" rel="stylesheet" />
7. 檢視如下 html 程式碼：
<div id="header">
<a href="help.html">幫助</a>
</div>
<p>
<a href="home.html">主頁</a>
<a href="user.html">個人中心</a>
</p>
現需要定義樣式，實現：當滑鼠移入”幫助“連結上時，文字”幫助“的字型大小變為 20pt，而其他連結不變。下列樣式定義中，正確的是（D）。
A.a:hover {font-size:20pt;}
B.div.header a:hover {font-size:20pt;}
C.#header a {font-size:20pt;}
D.#header a:hover {font-size:20pt;}
8.檢視如下樣式定義：
.A .B { font-weight:bold;}
下列選項中，文字加粗顯示的是（C）。
A.<a class="A">文字A</a>
B.<a class="B">文字B</a>
C.<p class="A"><a class="B">文字C</a></p>
D.<p class="B"><a class="A">文字C</a></p>
9.檢視如下 html 程式碼：
<div style="float:left;">div text</div>
<p style="clear:left;">p text</p>
此程式碼在頁面上的顯示效果為（A）。
A.<div> 中的文字和 <p> 中的文字分兩行顯示，且文字左對齊
B.<div> 中的文字和 <p> 中的文字在一行上顯示，且文字左對齊
C.<div> 中的文字和 <p> 中的文字分兩行顯示，且文字右對齊
D.<div> 中的文字和 <p> 中的文字在一行上顯示，且文字右對齊
10. 有樣式定義如下：
div.parent {
width:100px;
height:70px;
border:1px solid gray;
}
div.child {
width:80px;
height:30px;
border:1px solid black;
background-color:silver;
}
同時，有 html 程式碼如下所示：
<body>
<div class="parent">
<div class="child">1</div>
<div class="child" style="position:absolute;top:15px;">2</div>
</div>
</body>
第二個 div 在頁面上的最終位置是（B）。
A.其上邊框距離其父元素（div） 為 15 px 距離
B.其上邊框距離 body 元素為 15 px 距離
C.其上邊框距離其原有位置為 15 px 距離
D.使用預設位置，定位並未發生改變
11. .需要在 html 頁面上引用指令碼檔案myJs.js，下列語句中，正確的是（D）。
A.<script language="javascript" href="myJs.js" type="text/javascript" />
B.<script language="javascript" src="myJs.js" type="text/javascript" />
C.<script language="javascript" href="myJs.js" type="text/javascript"></script>
D.<script language="javascript" src="myJs.js" type="text/javascript"></script>
12.檢視如下 JavaScript 程式碼（用於得到錄入數值的整數部分）：
function getInt() {
var str = document.getElementById("txtData").value;
if ( << 插入程式碼1 >> )
alert("請錄入數值");
else {
var data = << 插入程式碼2 >>;
alert("整數部分為：" + data);
}
}
為實現所需功能，”插入程式碼1“和”插入程式碼2“處所需要的程式碼分別是（C）。
A. isNaN(str) 和 parseFloat(str)
B. !isNaN(str) 和 parseFloat(str)
C. isNaN(str) 和 parseInt(str)
D. !isNaN(str) 和 parseInt(str)
13.檢視如下 JavaScript 程式碼：
var a = "10";
var b = 10;
if (a == b)
alert("equal");
if (a === b)
alert("same");
此程式碼執行後，效果為（A）。
A.只彈出”equal“
B.只彈出”same“
C.先彈出”equal“，再彈出”same“
D.沒有彈出顯示
14.閱讀如下程式碼：
var a1 = [1, 2, 12];
var a2 = [4, 23];
a1.concat(a2);
a1.sort();
alert(a1.join(";"));
程式碼執行後，alert 方法彈出的內容為（B）。
A.1;2;12
B.1;12;2
C.1;2;4;12;23
D.1;12;2;23;4
15.閱讀如下程式碼：
var str1 = "abc123def456";
var str2 = str1.replace(/\d+/gi, "*");
程式碼執行後，str2 的內容為（D）。
A.abc***def
B.abc***def***
C.abc*def
D.abc*def*
16.html 頁面主體的程式碼如下：
<body>
<form>
<input type="text" id="t1" />
</form>
</body>
下列選項中，能向文字框中寫入文字的是（AC）。 (多選題)
A.document.getElementById("t1").value = "aa";
B.document.getElementById("t1").innerHTML = "bb";
C.document.getElementsByTagName("input")[0].value = "cc";
D.document.getElementsByTagName("input")[0].innerHTML = "dd";
17.HTML 頁面上有一個超連結，要實現當滑鼠移入該超級連結時，超級連結的文字背景色變為灰色。下列選項中，能實現此功能的是（D）。
A.<a href="#" onmouseover="this.style.background.color='gray';">註冊</a>
B.<a href="#" onmouseout="this.style.background-color='gray';">註冊</a>
C.<a href="#" onmouseover="this.style.backgroundColor=gray;">註冊</a>
D.<a href="#" onmouseover="this.style.backgroundColor='gray';">註冊</a>
18. 有陣列定義如下：
var a1 = [1, 14, 4, 12, 23];
現需要實現對陣列 a1 中的內容按照數值大小升序排列，下列程式碼中，錯誤的是（C）。
A.a1.sort(new Function("a", "b", "return a-b;"));
B.a1.sort(function (a, b) { return a - b; });
C.a1.sort(new function (a, b) { return a - b; });
D.a1.sort(sortFunc);
function sortFunc(a, b) {
return a - b;
}
19. 現需要在頁面上實現動態時鐘的顯示，其 html 程式碼如下：
<body onload="initialClock();">
<span id="mySpan"></span>
</body>
相應的 JavaScript 程式碼如下：
function initialClock() {
//<< 插入程式碼 >>;
};
function timerFunc() {
var v = new Date()
document.getElementById("mySpan").innerHTML = v.toLocaleTimeString();
}
為實現所需功能，”插入程式碼“處所需要的程式碼是（A）。
A. window.setInterval(timerFunc,1000);
B. window.setInterval(timerFunc(),1000);
C. window.setTimeout(timerFunc,1000);
D.window.setTimeout(timerFunc(),1000);
20. 下列選項中，不是 window 物件的子物件的是（D）。
A.location
B.history
C.screen
D.arguments
21. html 頁面上有一個 id 值為 s1 的 <select> 元素，現需要使用 JavaScript 程式碼清空其所有選項，下列選項中，錯誤的是（D）。
A.document.getElementById("s1").options.length = 0;
B.document.getElementById("s1") = null;
C.while (document.getElementById("s1").options.length > 0) {
document.getElementById("s1").remove(0);
}
D.var selObj = document.getElementById("s1");
while (selObj.childNodes.length > 0) {
selObj.removeChild(selObj.lastChild);
22. html 頁面上有一個 id 值為 s1 的 <select> 元素，現需要使用 JavaScript 程式碼向列表中新增一個選項（<option>元素），下列選項中，錯誤的是（B）。
A. document.getElementById("s1").appendChild(new Option("aa", 18));
B. document.getElementById("s1").add(new Option("bb", 18));
C. document.getElementById("s1").options[document.getElementById("s1").options.length] = new Option("cc", 18);
D. document.getElementById("s1").options.appendChild(new Option("dd", 18));
23. html 頁面上有一個 id 值為 b1 的按鈕，現需要使用 JavaScript 程式碼為其定義單擊事件：單擊該按鈕後，彈出“Hello”。下列選項中，錯誤的是（C）。
A.document.getElementById("b1").onclick = function () { alert("hello"); };
B.document.getElementById("b1").onclick = new Function("alert('hello'); ");
C.document.getElementById("b1").onclick = new function () { alert("hello"); };
D.document.getElementById("b1").onclick = clickFunc;
function clickFunc() {
alert("Hello");
}
24.下列哪個樣式定義後,行級(非塊狀)元素可以定義寬度和高度( C)。
A. display:inline
B. display:none
C. display:block
D. display:inheric
25. 下列哪些是設定有關邊框的屬性（ABC）（多選題）
A、border-color
B、border-style
C、border-width
D、border-back
26. 在html檔案中應用abc.css檔案中的樣式的方法有（A B）(多選題)
A、<link href="abc.css" type="text/css" rel="stylesheet">
B、<style type="text/css">@import url(abc.css);</style>
C、<style type="text/css">@import (abc.css);</style>
D、<style type="text/css">import url (abc.css);</style>
27．下列哪種方式是用類選擇器定義樣式的（B）
A、p{color:red;}
B、.one{color:red;}
C、#two{color:red;}
D、p,h1{color:red;}
28. 下列代表無序清單的標籤是（ A ）
A、 <ul>…<li>…</ul>
B、<ol>…<li>…</ol>
C、<hl>…<li>…</hl>
D、< li >…< ol >…</ li >
29. window物件的方法中，(A ）方法是用於彈出確認對話方塊，可讓選擇“確定”或“取消”
A、confirm() B、alert() C、prompt() D、open()
30. 以下JavaScript變數名不合法的有（AC B）（多選題）?
A、4Myvariable B、
31. 在JavaScript程式中加入註釋，方法有（AB）(多選題)
A、//註釋內容 B、/*註釋內容*/ C、/註釋內容 D、/*註釋內容
32. 如果想在一個指定的元素後新增內容，下面哪個是實現該功能的？D
A、append(content) B、prepend(content) C、before(content) D、after(content)
33. 下面對錶單的POST提交方式描述不正確的是（ A ）。
A. 若直接在位址列中輸入URL按回車按GET方式提交；
B. 若屬性method不指定任何值或者不加屬性method，預設按GET方式提交；
C. 只有在method指定為POST時才按POST方式提交；
D. POST提交是將表單欄位資訊放置到請求頭中；
34. 在jquey中，如果想要從DOM中刪除所有匹配的元素，下面哪一個是正確的C
A、delete() B、empty() C、remove() D、removeAll()
35. 如何找到表單中隱藏的div？D
A、$("div:none") B、$("div:invisiable") C、$("div:even") D、$("div:hidden")
36. 在jquery中想要找到div元素的後輩div元素，下面哪一個是可以實現的？C
A、$(div div) B、$(div.div) C、$(div~div) D、$(div+div)
37.關於HTML5說法正確的是：C
A、HTML5只是對HTML4的一個簡單升級
B、所有瀏覽器都支援HTML5
C、HTML5新增了離線快取機制
D、HTML5書寫格式要求必須按照書寫規範
38. 關於javascript語言說法錯誤的是？C
A.JavaScript是目前Web應用程式開發者使用最為廣泛的客戶端指令碼程式語言。
B.javaScript是網景公司專為Navigator瀏覽器開發、實現網頁內容互動的功能。
C.javascript是由SUN公司開發的。
D.ECMAScript是一個為了規範Javascript語言而產生的國際標準。
39. 表示式5+22/2%2的計算結果是：B
A.5 B.6 C.7 D.8
40. 關於文件物件模型（Document Object Model），如下說法錯誤的是：C
A. DOM能夠以程式設計方式訪問和操作web頁面內容。
B. DOM允許通過物件的屬性和方法訪問頁面中的物件。
C. DOM能夠建立動態的文件內容，但是不能刪除文件物件。
D. DOM也提供了處理事件的介面，它允許捕獲和響應使用者以及瀏覽器的動作。
二、簡答題（每題5分*4=20分）
1. display:none和visibility:hidden的區別是什麼?
答：display:none 不為被隱藏的物件保留其物理空間
visibility：hidden 為被隱藏的物件保留其物理空間
也就是display:;當他的值變成block 的時候，它所在的結構才會被載入進來。
而visibility就會在載入頁面的同時就已經把它載入進來了，
因為他的值為hidden的時候，它所佔的空間還在。
2. 如何居中div？
答:設定寬度：還設定 margin: 0px auto;
3. 編寫一個正則表示式：判斷字串是否是這樣組成的，第一個必須是字母，後面可以是字母、數字、下劃線，總長度為5-20
答：var reg=/^[A-Za-z]\w{4,19}$/；
alert(reg.test("avcd12345"));
4. 使用字串函式來擷取字串中的efg
var str="ddfjfjkefg";
alert(str.substr(7,3))
5. CSS的盒子模型由什麼組成？
1.內容（content）————我們往往給塊級元素設定高度和寬度就是內容的高度和寬度
2.邊框（border）————邊框的粗細是盒子的一部分（四個邊框）
3.內邊距（padding）————內容和邊框的距離（四個方向）
4.外邊距（margin）————邊框四周的空間，距離父容器的距離（四個方向）