筆試_前端基礎綜合題
一、選擇題(共25題，每題2分，共50分)
1、 下列關於HTML中的CSS樣式表的說法正確的是（ ）
A、 CSS樣式表的基本選擇器有：標記選擇器、Id選擇器和類選擇器及後代選擇 器
B、 CSS樣式表僅具有繼承性
C、對於定義樣式div .p{color:red;}意思是div下面的應用了類p的標籤的字型顏色為紅色
D、 ID選擇器在CSS樣式表具有最高優先順序
2、 以下選項中，不是頁面佈局模型的是（ ）
A、盒子模型
B、 層模型
C、 流動模型
D、 浮動模型
3、 以下不是float屬性的是（ ）
A、 left
B、 none
C、
D、all
4、 ＜a href="＃bn"＞ ... ＜/a＞表示（ ）
A、 跳轉到”bn”頁面
B、跳轉到頁面的”bn”錨點
C、 超連結的屬性是”bn”
D、 超連結的物件是”bn”
5、 下列HTML屬性用來定義行內樣式規則的是（ ）
A、style
B、 class
C、 font
D、 styles
6、 在下列標籤中不屬於塊狀標籤的是（ ）
A、＜br＞
B、 ＜p＞
C、 ＜div＞
D、 ＜hr＞
7、 在HTML中，（ ）標籤在標記符合HTML規範
A、 ＜H1＞
B、 ＜P＞
C、
D、 ＜HR＞
8、 下列程式碼不符合HTML標準的是（ ）
A、＜br＞
B、 ＜p＞你好！＜/p＞
C、 ＜div＞＜/div＞
D、 ＜body＞＜/body＞
9、 如何在新視窗中開啟連結（ ）
A、 ＜a href=”#” new＞
B、 ＜a href=”#” target=”_blank”＞
C、 ＜a href=”#” target=”_self”＞＜/a＞
D、＜a href=”#” target=”_blank”＞＜/a＞
10、 以下選項，用來設定背景影象在X軸上平鋪的樣式屬性是（ ）
A、 background-image
B、background-repeat
C、 background-position
D、background-url
11、 下列表示定義有序列表的標籤是（ ）
A、 ＜dl＞＜/dl＞
B、 ＜dt＞＜/dt＞
C、 ＜dd＞＜/dd＞
D、＜ol＞＜/ol＞
12、 要將外部樣式表文件匯入當前HTML檔案，這時我們可以使用（ ）
A、link元素
B、 style元素
C、 style屬性
D、 script元素
13、 對ul li的樣式設成無，應該是用什麼屬性（ ）
A、 list-type-style:none
B、list-style:none
C、 li-style:none
D、 li-list:none
14、 能夠設定盒模型的內補丁為10、20、30、40畫素的樣式屬性是（ ）
A、padding:10px 20px 30px 40px
B、 padding:10px 1px
C、 padding:5px 20px 10px
D、 padding:10px
15、 下列不屬於DIV+CSS佈局的優點的是（ ）
A、 程式碼簡潔、結構清晰
B、 對搜尋引擎支援好
C、 易於版面佈局修改
D、提高瀏覽器的執行效率
16、 點選頁面的按鈕，使之開啟一個新視窗，載入一個網頁，以下JavaScript程式碼中可行的是（ ） 多選
A、 <input type="button" value="new"
onclick="open('new.html', '_blank') "/>
B、 <input type="button" value="new"
onclick="window.location='new.html';"/>
C、 <input type="button" value="new"
onclick=" location.assign('new.html');"/>
D、 <form target="_blank" action="new.html">
<input type="submit" value="new"/>
</form>
17、使用JavaScript向網頁中輸出<h1>hello</h1>，以下程式碼中可行的是（）多選
A、 <script type="text/javascript">
document.write(<h1>hello</h1>);
</script>
B、 <script type="text/javascript">
document.write("<h1>hello</h1>");
</script>
C、 <script type="text/javascript">
<h1>hello</h1>
</script>
D、<h1>
BD
18、分析下面的程式碼：
|
<html> <head> <script type="text/javascript"> function writeIt (value) { document.myfm.first_text.value=value;} </script> </head> <body bgcolor="#ffffff"> <form name="myfm"> <input type="text" name="first_text"> <input type="text" name="second_text" onchange="writeIt(value)"> </form> </body> </html> |
18、以下說法中正確的是（）多選
A、 在頁面的第二個文字框中輸入內容後，當滑鼠離開第二個文字框時，第一個文字 框的內容不變
B、 在頁面的第一個文字框中輸入內容後，當滑鼠離開第一個文字框時，將在第二個 文字框中複製第一個文字框的內容
C.、在頁面的第二個文字框中輸入內容後，當滑鼠離開第二個文字框時，將在第一個文字框中複製第二個文字框的內容
D、 在頁面的第一個文字框中輸入內容後，當滑鼠離開第一個文字框時，第二個文字 框
CD
19、 關於正則表示式宣告6位數字的郵編，以下程式碼正確的是（ ）
A、 var reg = /\d6/;
B、 var reg = \d{6}\;
C、 var reg = /\d{6}/;
D、 var reg = new RegExp("\d{6}");
20、 以下哪條語句會產生執行錯誤：
A、var obj = ();
B、var obj = [];
C、var obj = {};
D、var obj = //;
21、 在JavaScript中,表單文字框(Text)不支援的事件包括( ). (選擇一項)
A、 onBlur
B、 onLostFocused
C、 onFocus
D、 onChange
22、 分析下面的javascript程式碼：
x=11;
y="number";
m= x+y ;
m的值為（）。（選擇一項）
A、 11number
B、 number
C、 11
D、 程式報錯
23、 在HTML頁面中使用外部javaScript檔案的正確語法是（）。（選擇一項）
A、 <language=”JavaScript”src=”scriptfile.js”>
B、 <script language=”JavaScript”src=”scriptfile.js”></script>
C、 <script language=”JavaScript” =scriptfile.js></script>
D、 < language src=” scriptfile.js”>
24、 在javaScript 中，可以使用Date物件的（）方法返回該物件的日期。（選擇一項）
A、getDate
B、 getYear
C、 getMonth
D、 gerTime 12
25.、 分析下面的JavaScript程式碼段：
a = new Array("100","2111","41111");
for(var i = 0;i < a.length;i ){
document.write(a[i] "");
}
輸出結果是（）。（選擇一項）
A、 100 2111 41111
B、 1 2 3
C、 0 1 2
D、 1 2 4
二、填空題(每填3分，共30分)
1、如果要為網頁指定黑色的背景顏色，應使用以下html語句：< ① >
<body bgcolor="black"></body>
bgcolor="black"
2、<hr width=50%>表示建立一條 ② 的水平線。
一條水平線，長度佔視窗的百分之五十。
長度為瀏覽器視窗寬度一半的水平線
3、要設定一條一畫素粗、200畫素長的左對齊的水平線，應使用 ③ 語句。
<hr style="height: 1px;" align="left" width="200px" />
<hr size="1" width="200px" align="left">
4、請至少說明 GIF格式的兩種特點： ④ ； ⑤ 。
無失真壓縮格式 動畫效果
支援透明色、支援動畫、無失真壓縮、最多包含256種顏色等
5、請至少說出兩種以上的影象處理軟體的名稱： ⑥ 、 ⑦ 。
Phonoshopfireworks
fireworks、flash、photoshop等
6、要控制單元格內容與表格框線之間的空白，應在 TABLE 標記符中使用屬性 ⑧ 7.要在表單中新增一個預設時為選中狀態的複選框，應使用語句 ⑨ 。
8、要在 HTML 標記符中直接嵌入樣式，應使用標記符的 ⑩ 屬性。
6.Cellpaddingcellpadding
7.checked="checked"<input type=checkbox checked>
8.Stylestyle
三、問題題(共4題，每題5分，共20分)
1、 列舉瀏覽器物件模型BOM裡常用的至少4個物件，並列舉window物件的常用方法至 少5個
Window/history/location/document
物件：Window document location screen history navigator
Open()/alert()/prompt()/setInterval()/focus()
方法：Alert() confirm() prompt() open() close()
2、 簡述列舉文件物件模型DOM裡document的常用的查詢訪問節點的方法並做簡單說明
getElementById(id):獲得帶有指定 id 的物件的引用；
getElementByName():獲得帶有指定名稱的物件集；
getElementsByTagName()：獲得帶有指定標籤名的物件集
Document.getElementById根據元素id查詢元素
Document.getElementByName根據元素name查詢元素
Document.getElementTagName根據指定的元素名查詢元素
3、 簡要說明表格與框架在網頁佈局時的區別。
1、表格是在同一個網頁中將頁面劃分為不同區域；
2、框架是在同一個瀏覽器視窗中顯示多個網頁；
①表格是在同一個網頁中將頁面劃分為不同區域；
②框架是在同一個瀏覽器視窗中顯示多個網頁；
③框架可以通過指定超連結的目標框架獲得互動式的佈局效果。
4、 舉例說明在網頁中使用CSS樣式表的三種方式（都使用對p標記符應用color屬性為例），並簡要分析各自的特點。提示：LINK標記符的用法：<LINK rel=“stylesheet”
type=“text/css” href=“”>
1.行內式：css樣式少的情況下，可讀性強，css樣式較多的時候不推薦使用行內式
<body>
<p style="color: red;">CSS</p>
</body>
在標記符中直接巢狀樣式資訊，例如，p<style=“color:red”>紅色顯示的段落文字</p>；優點是可以單獨指定特定部分的樣式，缺點是不利於維護。
2.內部式：一般用於css程式碼一般的情況
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
p{
color: red;
}
</style>
</head>
<body>
<p>CSS</p>
</body>
</html>
②在style標記符中指定樣式資訊，例如
<style>
p{color:red}
</style>
優點是能對單獨網頁進行很好的格式控制和維護，缺點是不利於多個網頁的維護。
3.外鏈式：操作方便，分工明確，提高效率
Mycss.css
#p1{
color: red;
}
Index-1.html
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="mycss.css"/>
</head>
<body>
<p id="p1">CSS</p>
</body>
</html>
連結外部樣式表中的樣式資訊，例如，在當前網頁目錄中包括以下mycss.css檔案：
p{color:red}
然後在網頁中用以下程式碼<LINK rel=“stylesheet” type=“text/css” href=“ ”>。
優點是利於維護多個網頁，缺點是不利於控制單獨頁面中的個別部分。