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该标签的名称.(注意兼容性)

中国点击率最高的一篇文章 !