前端笔试面试题收集

6        请编写一个JavaScript 函数toRGB，它的作用是转换CSS中常用的颜色编码。 要求：

alert(toRGB("#0000FF"));          // 输出 rgb(0, 0, 255)
alert(toRGB("invalid"));             // 输出 invalid	
alert(toRGB("#G00"));               // 输出 #G00

function toRGB(color){
    var hh = "";
    var kk = [];
    var reg =/^#[0-9a-zA-Z]{3}$/; //设置正则规则

   if(color=="invalid")
     return "invalid";//如果无效返回
   if(reg.test(color)) 
     return color; //如果是三为数表示，直接返回。
    else
    {for(var i=1;i<6;i=i+2){
       hh =color.substr(i,2);//substr()从第i位开始截取2位字符
       var cc =parseInt(hh,16);
         kk.push(cc);
    }
    }
return ("RGB("+kk+")");
}
alert(toRGB("#0000FF"));         // 输出 rgb(0, 0, 255)
alert(toRGB("invalid"));         // 输出 invalid
alert(toRGB("#G00"));             // 输出 #G00

7        尝试实现注释部分的Javascript代码，可在其他任何地方添加更多代码（如不能实现，说明一下不能实现的原因）：

var Obj = function(msg){
	this.msg = msg;
	this.shout = function(){
		alert(this.msg);
	}	
	this.waitAndShout = function(){
		//隔五秒钟后执行上面的shout方法
	}}

   

var Obj = function(msg){
this.msg = msg;
var _self=this;
var shout=this.shout = function() {
alert(_self.msg);
_self.waitAndShout();
}
this.waitAndShout = function() {
setTimeout(shout, 5000);
}
}
var testObj = new Obj("Hello,World!");
testObj.shout();

8        请编写一个JavaScript函数，它的作用是校验输入的字符串是否是一个有效的电子邮件地址。要求： a)   使用正则表达式。 b)   如果有效返回true ，反之为false。    

function checkEmail(email){
 var stand=/^[0-9a-zA-Z_.-]+@[0-9a-zA-Z_.-]+$/;
  if(stand.test(email))
    return true;
  else return false;
}
checkEmail("[email protected]");

11         请编写一段JavaScript脚本生成下面这段DOM结构。要求：使用标准的DOM方法或属性。

<div id=”example”>  
    <p class=”slogan”>淘！你喜欢</p> </div>

function createDOM(){
 var d=document.createElement("div");
  d.setAttribute('id','example');
  var p=document.createElement("p");
  p.className='slogan';
  var pText=document.createTextNode("淘！你喜欢");
  p.appendChild(pText);
  d.appendChild(p);
  document.body.appendChild(d);
}
createDOM();

12        请用CSS定义p标签，要求实现以下效果: 字体颜色在IE6下为黑色(#000000)；IE7下为红色(#ff0000)；而其他浏览器下为绿色(#00ff00)。

p {
color:#0f0;
*color:#f00;
_color:#000;
}
* html p{
color:#000;
}
*+html p{
color:#f00;
}