- 相關(guān)推薦
人人網(wǎng)javascript面試題
JavaScript面試題要求:以下題目必須從一至四題中,選出三道題,使用原生代碼實(shí)現,不可使
用任何框架,第五題為選作題。
一、在頁(yè)面的固定區域內實(shí)現圖片的展示
1.每點(diǎn)擊一次右箭頭,圖片區域向左滾動(dòng)出一張圖片,反之相同;
2.當發(fā)現圖片滾動(dòng)到末尾時(shí),響應的箭頭變成不可點(diǎn)擊狀態(tài);
3.鼠標在圖片區域內滑動(dòng)滾輪,圖片會(huì )隨著(zhù)鼠標滾輪的方向進(jìn)行響應的滾動(dòng);
二、用js、html、css實(shí)現一個(gè)彈出提示控件:
1.分別實(shí)現類(lèi)似于系統的alert、confirm、prompt對話(huà)框;
2.對話(huà)框大小根據提示內容進(jìn)行自適應(有一個(gè)最小寬高),默認出現在頁(yè)面的水平垂直居中的位置;
3.對話(huà)框可拖動(dòng);
4.對話(huà)框中的事件模擬系統對話(huà)框的事件(例如:alert 對話(huà)框,點(diǎn)擊確定按鈕,對話(huà)框消失);
5.解決IE6被 select控件遮擋的問(wèn)題;
三、實(shí)現 input 輸入框的自動(dòng)匹配
1.對 input框中輸入的字符進(jìn)行匹配,將匹配到的內容以菜單的形式展現在input框的下方;2.只針對英文字符進(jìn)行匹配,并且匹配到的內容在菜單中加粗;
3.通過(guò)鍵盤(pán)上的上下箭頭可以對菜單進(jìn)行選擇,按下回車(chē)后將選中的內容寫(xiě)入到 input框中;
四、在頁(yè)面上實(shí)現一個(gè)二級菜單控件
1.這個(gè)控件可以綁定到頁(yè)面上的任意一個(gè)元素,當點(diǎn)擊頁(yè)面元素出現菜單;
2.菜單出現的方向根據所在頁(yè)面的位置自動(dòng)進(jìn)行調整,例如:
3.一級菜單中的元素,鼠標劃過(guò)后,將會(huì )在相應的位置出現二級菜單,二級菜單中的元素
點(diǎn)擊將會(huì )有事件響應
五、實(shí)現一個(gè)所見(jiàn)即所得編輯器(選作)
需提供以下功能:
1.字體加粗;
2.文本左對齊、右對齊、居中;
3.設置字體;
4.設置字號;
5.設置字體顏色;
6.插入超鏈接;
7.插入圖片;
[人人網(wǎng)javascript面試題]相關(guān)文章: