人人網(wǎng)javascript面試題

JavaScript面試題要求：以下題目必須從一至四題中，選出三道題，使用原生代碼實(shí)現(xiàn)，不可使

用任何框架，第五題為選作題。

一、在頁(yè)面的固定區(qū)域內(nèi)實(shí)現(xiàn)圖片的展示

1.每點(diǎn)擊一次右箭頭，圖片區(qū)域向左滾動(dòng)出一張圖片，反之相同;

2.當(dāng)發(fā)現(xiàn)圖片滾動(dòng)到末尾時(shí)，響應(yīng)的箭頭變成不可點(diǎn)擊狀態(tài);

3.鼠標(biāo)在圖片區(qū)域內(nèi)滑動(dòng)滾輪，圖片會(huì)隨著鼠標(biāo)滾輪的方向進(jìn)行響應(yīng)的滾動(dòng);

二、用js、html、css實(shí)現(xiàn)一個(gè)彈出提示控件：

1.分別實(shí)現(xiàn)類(lèi)似于系統(tǒng)的alert、confirm、prompt對(duì)話(huà)框;

2.對(duì)話(huà)框大小根據(jù)提示內(nèi)容進(jìn)行自適應(yīng)(有一個(gè)最小寬高)，默認(rèn)出現(xiàn)在頁(yè)面的水平垂直居中的位置;

3.對(duì)話(huà)框可拖動(dòng);

4.對(duì)話(huà)框中的事件模擬系統(tǒng)對(duì)話(huà)框的事件(例如：alert 對(duì)話(huà)框，點(diǎn)擊確定按鈕，對(duì)話(huà)框消失);

5.解決IE6被 select控件遮擋的問(wèn)題;

三、實(shí)現(xiàn) input 輸入框的自動(dòng)匹配

1.對(duì) input框中輸入的字符進(jìn)行匹配，將匹配到的內(nèi)容以菜單的形式展現(xiàn)在input框的下方;2.只針對(duì)英文字符進(jìn)行匹配，并且匹配到的內(nèi)容在菜單中加粗;

3.通過(guò)鍵盤(pán)上的上下箭頭可以對(duì)菜單進(jìn)行選擇，按下回車(chē)后將選中的內(nèi)容寫(xiě)入到 input框中;

四、在頁(yè)面上實(shí)現(xiàn)一個(gè)二級(jí)菜單控件

1.這個(gè)控件可以綁定到頁(yè)面上的任意一個(gè)元素，當(dāng)點(diǎn)擊頁(yè)面元素出現(xiàn)菜單;

2.菜單出現(xiàn)的方向根據(jù)所在頁(yè)面的位置自動(dòng)進(jìn)行調(diào)整，例如：

3.一級(jí)菜單中的元素，鼠標(biāo)劃過(guò)后，將會(huì)在相應(yīng)的位置出現(xiàn)二級(jí)菜單，二級(jí)菜單中的元素

點(diǎn)擊將會(huì)有事件響應(yīng)

五、實(shí)現(xiàn)一個(gè)所見(jiàn)即所得編輯器(選作)

需提供以下功能：

1.字體加粗;

2.文本左對(duì)齊、右對(duì)齊、居中;

3.設(shè)置字體;

4.設(shè)置字號(hào);

5.設(shè)置字體顏色;

6.插入超鏈接;

7.插入圖片;

[人人網(wǎng)javascript面試題]相關(guān)文章：

1.人人網(wǎng)javascript面試題