以下爲Web前端開發筆試題集錦之Javascript篇，移步HTML/CSS篇
1, 判斷字符串是否是這樣組成的，第一個必須是字母，後面可以是字母、數字、下劃線，總長度爲5-20
var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/;
("a1a__a1a__a1a__a1a__");
2，截取字符串abcdefg的efg
var str = "abcdefg";
if (/efg/(str)) {
var efg = tr(xOf("efg"), 3);
alert(efg);
}
3，判斷一個字符串中出現次數最多的字符，統計這個次數
//將字符串的字符保存在一個hash table中，key是字符，value是這個字符出現的次數
var str = "abcdefgaddda";
var obj = {};
for (var i = 0, l = th; i < l; i++) {
var key = str[i];
if (!obj[key]) {
obj[key] = 1;
} else {
obj[key]++;
}
}
/*遍歷這個hash table，獲取value最大的key和value*/
var max = -1;
var max_key = "";
var key;
for (key in obj) {
if (max < obj[key]) {
max = obj[key];
max_key = key;
}
}
alert("max:"+max+" max_key:"+max_key);
4，IE與FF腳本兼容性問題
(1) t：
表示當前的事件對象，IE有這個對象，FF沒有，FF通過給事件處理函數傳遞事件對象
(2) 獲取事件源
IE用srcElement獲取事件源，而FF用target獲取事件源
(3) 添加，去除事件
IE：chEvent(“onclick”, function) chEvent(“onclick”, function)
FF：ventListener(“click”, function, true) veEventListener(“click”, function, true)
(4) 獲取標籤的自定義屬性
IE：e或div1[“value”]
FF：可用ttribute(“value”)
(5) lementByName()和[name]
IE;lementByName()和[name]均不能獲取div元素
FF：可以
(6) 的屬性
IE：只讀
FF：可讀寫
(7) innerText textContent outerHTML
IE：支持innerText, outerHTML
FF：支持textContent
(8) 是否可用id代替HTML元素
IE：可以用id來代替HTML元素
FF：不可以
這裏只列出了常見的，還有不少，更多的介紹可以參看JavaScript在IE瀏覽器和Firefox瀏覽器中的差異總結
5，規避javascript多人開發函數重名問題
(1) 可以開發前規定命名規範，根據不同開發人員開發的'功能在函數前加前綴
(2) 將每個開發人員的函數封裝到類中，調用的時候就調用類的函數，即使函數重名只要類名不重複就ok
6，javascript面向對象中繼承實現
javascript面向對象中的繼承實現一般都使用到了構造函數和Prototype原型鏈，簡單的代碼如下：
function Animal(name) {
= name;
}
ame = function() {alert()}
function Dog() {};
otype = new Animal("Buddy");
tructor = Dog;
var dog = new Dog();
7，FF下面實現outerHTML
FF不支持outerHTML，要實現outerHTML還需要特殊處理
思路如下：
在頁面中添加一個新的元素A，克隆一份需要獲取outerHTML的元素，將這個元素append到新的A中，然後獲取A的innerHTML就可以了。
SPANDIV
SPAN
P
8，編寫一個方法 求一個字符串的字節長度
假設：
一個英文字符佔用一個字節，一箇中文字符佔用兩個字節
function GetBytes(str){
var len = th;
var bytes = len;
for(var i=0; i
if (CodeAt(i) > 255) bytes++;
}
return bytes;
}
alert(GetBytes("你好,as"));
9，編寫一個方法 去掉一個數組的重複元素
var arr = [1 ,1 ,2, 3, 3, 2, 1];
ue = function(){
var ret = [];
var o = {};
var len = th;
for (var i=0; i
var v = this[i];
if (!o[v]){
o[v] = 1;
(v);
}
}
return ret;
};
alert(ue());
10，寫出3個使用this的典型應用
(1)在html元素事件屬性中使用，如
(2)構造函數
function Animal(name, color) {
= name;
r = color;
}
(3)
(4)CSS expression表達式中使用this關鍵字
div element
12，如何顯示/隱藏一個DOM元素?
lay = "";
lay = "none";
el是要操作的DOM元素
13，JavaScript中如何檢測一個變量是一個String類型?請寫出函數實現
String類型有兩種生成方式：
(1)Var str = “hello world”;
(2)Var str2 = new String(“hello world”);
function IsString(str){
return (typeof str == "string" || tructor == String);
}
var str = "";
alert(IsString(1));
alert(IsString(str));
alert(IsString(new String(str)));
14，網頁中實現一個計算當年還剩多少時間的倒數計時程序，要求網頁上實時動態顯示“××年還剩××天××時××分××秒”
15，補充代碼，鼠標單擊Button1後將Button1移動到Button2的後面
16，JavaScript有哪幾種數據類型
簡單：Number，Boolean，String，Null，Undefined
複合：Object，Array，Function
17，下面css標籤在JavaScript中調用應如何拼寫，border-left-color，-moz-viewport
borderLeftColor
mozViewport
18，JavaScript中如何對一個對象進行深度clone
function cloneObject(o) {
if(!o || 'object' !== typeof o) {
return o;
}
var c = 'function' === typeof ? [] : {};
var p, v;
for(p in o) {
if(wnProperty(p)) {
v = o[p];
if(v && 'object' === typeof v) {
c[p] = e(v);
}
else {
c[p] = v;
}
}
}
return c;
};
19，如何控制alert中的換行
n alert(“pnp”);
20，請實現，鼠標點擊頁面中的任意標籤，alert該標籤的名稱.(注意兼容性)
SPANDIV
SPAN
P
21，請編寫一個JavaScript函數 parseQueryString，它的用途是把URL參數解析爲一個對象，如：
var url = “″;
function parseQueryString(url){
var params = {};
var arr = t("?");
if (th <= 1)
return params;
arr = arr[1]t("&");
for(var i=0, l=th; i
var a = arr[i]t("=");
params[a[0]] = a[1];
}
return params;
}
var url = "
var ps = parseQueryString(url);
alert(ps["key1"]);