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 exPssion表达式中使用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该标签的名称.(注意兼容性)