Web前端開(kāi)發(fā)筆試題和面試題答案(二)

　　function Dog() {};

　　Dog.prototype = new Animal("Buddy");

　　Dog.prototype.constructor = Dog;

　　var dog = new Dog();

　　7，F(xiàn)F下面實(shí)現(xiàn)outerHTML

　　FF不支持outerHTML，要實(shí)現(xiàn)outerHTML還需要特殊處理

　　思路如下：

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

　　SPANDIV

　　SPAN

　　P

　　8，編寫(xiě)一個(gè)方法 求一個(gè)字符串的字節(jié)長(zhǎng)度

　　假設(shè)：

　　一個(gè)英文字符占用一個(gè)字節(jié)，一個(gè)中文字符占用兩個(gè)字節(jié)

　　function GetBytes(str){

　　var len = str.length;

　　var bytes = len;

　　for(var i=0; i

　　if (str.charCodeAt(i) > 255) bytes++;

　　}

　　return bytes;

　　}

　　alert(GetBytes("你好,as"));

　　9，編寫(xiě)一個(gè)方法 去掉一個(gè)數(shù)組的重復(fù)元素

　　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

　　var v = this[i];

　　if (!o[v]){

　　o[v] = 1;

　　ret.push(v);

　　}

　　}

　　return ret;

　　};

　　alert(arr.unique());

　　10，寫(xiě)出3個(gè)使用this的典型應(yīng)用

　　(1)在html元素事件屬性中使用，如

　　(2)構(gòu)造函數(shù)

　　function Animal(name, color) {

　　this.name = name;

　　this.color = color;

　　}

　　(3)

　　(4)CSS expression表達(dá)式中使用this關(guān)鍵字

　　span element

　　12，如何顯示/隱藏一個(gè)DOM元素?

　　el.style.display = "";

　　el.style.display = "none";

　　el是要操作的DOM元素

　　13，JavaScript中如何檢測(cè)一個(gè)變量是一個(gè)String類型?請(qǐng)寫(xiě)出函數(shù)實(shí)現(xiàn)

　　String類型有兩種生成方式：

　　(1)Var str = “hello world”;

　　(2)Var str2 = new String(“hello world”);

　　function IsString(str){

　　return (typeof str == "string" || str.constructor == String);

　　}

　　var str = "";

　　alert(IsString(1));

　　alert(IsString(str));

　　alert(IsString(new String(str)));

　　14，網(wǎng)頁(yè)中實(shí)現(xiàn)一個(gè)計(jì)算當(dāng)年還剩多少時(shí)間的倒數(shù)計(jì)時(shí)程序，要求網(wǎng)頁(yè)上實(shí)時(shí)動(dòng)態(tài)顯示“××年還剩××天××時(shí)××分××秒”

　　15，補(bǔ)充代碼，鼠標(biāo)單擊Button1后將Button1移動(dòng)到Button2的后面

　　16，JavaScript有哪幾種數(shù)據(jù)類型

　　簡(jiǎn)單：Number，Boolean，String，Null，Undefined

　　復(fù)合：Object，Array，F(xiàn)unction

　　17，下面css標(biāo)簽在JavaScript中調(diào)用應(yīng)如何拼寫(xiě)，border-left-color，-moz-viewport

　　borderLeftColor

　　mozViewport

　　18，JavaScript中如何對(duì)一個(gè)對(duì)象進(jìn)行深度clone

　　function cloneObject(o) {

　　if(!o || 'object' !== typeof o) {

　　return o;

　　}

　　var c = 'function' === typeof o.pop ? [] : {};

　　var p, v;

　　for(p in o) {

　　if(o.hasOwnProperty(p)) {

　　v = o[p];

　　if(v && 'object' === typeof v) {

　　c[p] = Ext.ux.clone(v);

　　}

　　else {

　　c[p] = v;

　　}

　　}

　　}

　　return c;

　　};

　　19，如何控制alert中的換行

　　\n alert(“p\np”);

　　20，請(qǐng)實(shí)現(xiàn)，鼠標(biāo)點(diǎn)擊頁(yè)面中的任意標(biāo)簽，alert該標(biāo)簽的名稱.(注意兼容性)