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