js的一些筆試面試題_ZenDei技術網路在線

js的一些筆試面試題

-Advertisement-

1. 判斷字元串是否是這樣組成的，第一個必須是字母，後面可以是字母、數字、下劃線，總長度為5-20 var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/; reg.test("a1a__a1a__a1a__a1a__"); var reg = /^[a-zA-Z][a-z ...

1. 判斷字元串是否是這樣組成的，第一個必須是字母，後面可以是字母、數字、下劃線，總長度為5-20

var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/;
reg.test("a1a__a1a__a1a__a1a__");

2. 截取字元串abcdefg的efg

var str = "abcdefg";
if (/efg/.test(str)) {
var efg = str.substr(str.indexOf("efg"), 3);
alert(efg);
}

3. 判斷一個字元串中出現次數最多的字元，統計這個次數

//將字元串的字元保存在一個hash table中，key是字元，value是這個字元出現的次數
var str = "abcdefgaddda";
var obj = {};
for (var i = 0, l = str.length; 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) window.event：
表示當前的事件對象，IE有這個對象，FF沒有，FF通過給事件處理函數傳遞事件對象

(2) 獲取事件源
IE用srcElement獲取事件源，而FF用target獲取事件源

(3) 添加，去除事件
IE：element.attachEvent(“onclick”, function) element.detachEvent(“onclick”, function)
FF：element.addEventListener(“click”, function, true) element.removeEventListener(“click”, function, true)

(4) 獲取標簽的自定義屬性
IE：div1.value或div1[“value”]
FF：可用div1.getAttribute(“value”)

(5) document.getElementByName()和document.all[name]
IE；document.getElementByName()和document.all[name]均不能獲取div元素
FF：可以

(6) input.type的屬性
IE：input.type只讀
FF：input.type可讀寫

(7) innerText textContent outerHTML
IE：支持innerText, outerHTML
FF：支持textContent

(8) 是否可用id代替HTML元素
IE：可以用id來代替HTML元素
FF：不可以

5. 規避javascript多人開發函數重名問題
(1) 可以開發前規定命名規範，根據不同開發人員開發的功能在函數前加首碼
(2) 將每個開發人員的函數封裝到類中，調用的時候就調用類的函數，即使函數重名只要類名不重覆就ok

6. javascript面向對象中繼承實現
javascript面向對象中的繼承實現一般都使用到了構造函數和Prototype原型鏈，簡單的代碼如下：

function Animal(name) {
this.name = name;
}
Animal.prototype.getName = function() {alert(this.name)}
function Dog() {};
Dog.prototype = new Animal("Buddy");
Dog.prototype.constructor = Dog;
var dog = new Dog();

7. FF下麵實現outerHTML
FF不支持outerHTML，要實現outerHTML還需要特殊處理
思路如下：

在頁面中添加一個新的元素A，克隆一份需要獲取outerHTML的元素，將這個元素append到新的A中，然後獲取A的innerHTML就可以了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>獲取outerHMTL</title>
<style>
div{ background:#0000FF;width:100px;height:100px;}
span{ background:#00FF00;width:100px;height:100px;}
p{ background:#FF0000;width:100px;height:100px;}
</style>
</head>
<body>
<div id="a"><span>SPAN</span>DIV</div>
<span>SPAN</span>
<p>P</p>
<script type="text/javascript">
function getOuterHTML(id){
var el = document.getElementById(id);
var newNode = document.createElement("div");
document.appendChild(newNode);
var clone = el.cloneNode(true);
newNode.appendChild(clone);
alert(newNode.innerHTML);
document.removeChild(newNode);
}
getOuterHTML("a");
</script>
</body>
</html>

8. 編寫一個方法求一個字元串的位元組長度
假設：一個英文字元占用一個位元組，一個中文字元占用兩個位元組

function GetBytes(str){
var len = str.length;
var bytes = len;
for(var i=0; i<len; i++){
if (str.charCodeAt(i) > 255) bytes++;
}
return bytes;
}
alert(GetBytes("你好,as"));

9. 編寫一個方法去掉一個數組的重覆元素

var arr = [1 ,1 ,2, 3, 3, 2, 1];
Array.prototype.unique = function(){
var ret = [];
var o = {};
var len = this.length;
for (var i=0; i<len; i++){
var v = this[i];
if (!o[v]){
o[v] = 1;
ret.push(v);

您的分享是我們最大的動力!

-Advertisement-