CSS+JavaScript面試題

1、 HTML中定義表格的寬度用80px與80%的區別是什嗎？
px表示像素，%表示占整個頁面寬度的百分比。
2、 簡述DIV元素和SPAN元素的區別。
DIV預設情況下是分行顯示，SPAN在同行顯示。
3、 在HTML頁面配置中，position的值有哪幾種？預設值又是什嗎？
1）position的五種值分別是static, relative, absolute, fixed, inherit
2）position的預設值是static
4、 怎樣使一個寬為200px和高為200px的層垂直置中於瀏覽器中?寫出CSS樣式代碼。

 

這裡使用百分比和絕對位置，與外補丁負值的方法，負值的大小為其自身寬度高度一半。
5、 CSS規範中，.（句點）後面跟一個名稱代表什麼含義？#（井號）後面跟一個名稱代表什麼含義？如果要對一個元素設定CSS樣式（內嵌樣式），應將CSS樣式寫在它的什麼屬性內？
1） .（句號）後面跟一個名稱表示文檔中所有class屬性值包含這個名稱的應用其樣式，
2） #（井號）後面跟個名稱表示文檔中ID為此名稱的元素應用其樣式。
3） CSS樣式寫在style屬性內。
6、 CSS具體含義是什嗎？在網頁製作中為什麼要使用CSS技術?
CSS(Cascading Style Sheets)也叫層疊樣式表，它是用來控制網頁中一個或多個元素的外觀。在網頁製作中，使用樣式表可以減少很多具有相同外觀元素的重複設定工作，從而給網頁的設計和維護帶來了很大的方便;具體應用是：改變樣式表中元素顯示樣式的定義，則在使用該樣式表的所有網頁中相應元素的顯示樣式都會自動發生改變。
7、 CSS+DIV開發Web頁面的優勢有哪些？
1）CSS+DIV，這個網頁設計模式中，DIV承擔了網頁的內容，CSS承擔了網頁的樣式。這樣就使網頁的內容和樣式的分離開來。有利於頁面的維護升級。
2）有助於提高搜尋引擎親和力（快速找到需要的資料，而不是像在TABLE中一層層的尋找）
3）有助於頁面的重構(換皮膚如blog，直接套用另外一套樣式就可以實現，而不用改動網頁指令碼。)
8、 一個HTML文檔必須包含三個元素，它們是head、body和哪個？
html
9、 HTML中文檔內聯注釋應該是以 以結尾
10、 引用CSS樣式，有哪幾種方法？
1）匯入一個已經存在的CSS檔案： 2）直接在HARD裡聲明一個CSS程式碼片段：

 

3）直接在網頁元素裡聲明使用CSS樣式：style=”color:red;”
11、 JavaScript中settimeout與setinteval兩個函數的區別？
settimeout只執行一次，setInteval沒有次數限制。
12、 編寫JavaScript指令碼產生1-6之間的整數？
var NowFrame;
NowFrame=Math.random( )*6+1 //隨機產生一個1-6之間的小數
NowFrame=parseInt(NowFrame) //把1-6之間的小數轉化為整數
13、 設定什麼屬性可以讓一個DIV隱藏和顯示？值分別是什嗎？
1）設定diasplay屬性的值為none時，該層隱藏。
2）設定diasplay屬性的值為block時，該層顯示。
14、 在JavaScript指令碼中，isNaN的作用是什嗎？
isNaN的作用是判斷值是否為數字
15、 JavaScript中擷取某個元素有哪幾種方式？
document.getElementById();此方法用於獲得名為ID值的元素
document.myform.xxx;此方法按照階層來擷取
document.getElementsByName();此方法用於獲得所有的名字相同的元素
16、 Ajax的優缺點都有什嗎？
Ajax的優點：
1）頁面無重新整理，使用者體驗非常好。
2）使用非同步方式與伺服器通訊，具有更加迅速的響應能力。
3）可以把一些伺服器負擔的工作轉到用戶端，利用用戶端閑置的能力來處理，減輕伺服器負擔，節約空間和寬頻租用成本。並且減輕伺服器的負擔，ajax的原則是“按需取資料”，可以最大程度的減少冗餘請求和響應對伺服器造成的負擔。
4）基於標準化並被廣泛支援的技術，不需要下載外掛程式或者小程式。
Ajax的缺點:
1）Ajax不支援瀏覽器back按鈕。
2）安全問題， Ajax暴露了與伺服器互動的細節。
3）對搜尋引擎的支援比較弱。
4）破壞了程式的異常機制。
5）不容易調試。
17、 簡述一下Ajax的工作原理。
Ajax的核心是JavaScript對象XmlHttpRequest。該對象在Internet Explorer 5中首次引入，它是一種支援非同步請求的技術。簡而言之，XmlHttpRequest使您可以使用JavaScript向伺服器提出請求並處理響應，而不阻塞使用者。
18、 JavaScript中的資料類型有幾種？分別是什嗎？
JavaScript中的資料類型有7種，分別是：
1）Number 數字類型
2）String 字串類型
3）Boolean 布爾類型
4）Function 函數
5）Object 對象
6）Null
7）Undefined 沒有定義類型
19、 在JavaScript指令碼中，運算式2+5+”8″得到的結果是什嗎？並說明原因。
因為2和5是數字類型，“8”是字串類型，所以相加得到的結果是78。