Web前端開發筆試題和面試題答案(二)

　　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就可以了。

　　SPANDIV

　　SPAN

　　P

　　8，編寫一個方法 求一個字符串的字節長度

　　假設：

　　一個英文字符占用一個字節，一個中文字符占用兩個字節

　　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，編寫一個方法 去掉一個數組的重復元素

　　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，寫出3個使用this的典型應用

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

　　(2)構造函數

　　function Animal(name, color) {

　　this.name = name;

　　this.color = color;

　　}

　　(3)

　　(4)CSS expression表達式中使用this關鍵字

　　span element

　　12，如何顯示/隱藏一個DOM元素?

　　el.style.display = "";

　　el.style.display = "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" || str.constructor == 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 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，請實現，鼠標點擊頁面中的任意標簽，alert該標簽的名稱.(注意兼容性)