笔试题

1、

（1）这个element的onclick事件，this当然指的是这个element了

（2）window

（3）window  这两种方式都没有把element传给doSomething，所以this默认指向window

2、

         Array.prototype.sorting  = function(fn){
            var t;
            if(!fn){
                fn = function(a,b){
                    return a-b;
                }
            }
            for(var i = 0;i<this.length;i++){
                for(var j=i+1;j<this.length;j++){
                    if(fn(this[i],this[j])>0){
                        t = this[j];
                        this[j] = this[i];
                        this[i] = t;
                    }
                }
            }
        }
        var arr = [4,85,1,2,37,88,6];
        arr.sorting();
        console.log(arr);

最后输出是  1, 2, 4, 6, 37, 85, 88  我觉得没啥好说的，有很多算法，如果不知道sort是干什么的，请百度

3、

a、添加组件的事件监听功能

b、优点：解决了IE中this指向window的问题，可以添加事件监听

　  缺点：浏览器兼容性考虑不全面，IE9及以后的版本都添加了addEventListener方法，通过document.all  if  else if后的语句都有可能执行

　　　　  另外第六行addListener用的是全局变量，正确的应该加var

c、apply是改变了this的指向，让this指向传入的el对象（至于apply和call的区别，请看我的另外一篇博客http://www.cnblogs.com/jianjianwoshi/p/4369869.html）

4、

      function toRGB(str){
            var reg = /^#[0-9a-zA-Z]{3}$/;
            if(str == "invalid"){
                return "invalid";
            }else if(reg.test(str)){
                return str;
            }else{
                var arr = new Array();
                for(var i=1;i<str.length;i+=2){
                    var gg = str.substr(i,2);
                    var cc = parseInt(gg,16);
                    arr.push(cc);
                }
                return "rgb("+arr[0]+","+arr[1]+","+arr[2]+")"
            }
        }
        alert(toRGB("#0ff"));

写的很简单，判断条件也不够完美，有时间再优化一下

5、

        var Obj= function(msg){
            this.msg = msg;
            that = this;
            this.shout = function(){
                alert(this.msg);
            }
            this.waitandshout = function(){
                setTimeout("that.shout()",5000);
            }
        }
        var t = new Obj();
        t.waitandshout();

说不能实现的好好看看第三行是关键

6、

<div>
            <a href="" title="商品的描述，简介">
                <img src="" title=" 联想IdeaPad U130 " alt="联想IdeaPad U130产品图"/>
                <span>联想IdeaPad&nbsp;U130</span>
                <span>红色至尊&nbsp;高性价比</span>
                <strong>￥8888.00</strong>
            </a>
        </div>

7、

var obj = document.body;
var odiv = document.createElement("div");
odiv.setAttribute("id","example");
obj.appendChild(odiv);
var op = document.createElement("p");
op.setAttribute("class","slogan");
odiv.appendChild(op);
console.log(obj);

这个简单的不不行不行了~~

8、

好吧我只会写个简单的正则，复杂的写不出来，这是重点，后面要花点时间学习

这里借用网友的答案

var reg = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;

9、

p{

　　*color:#000000;//IE7

　　_color:#ff0000;//IE6

　　color:#00ff00;

}

10、

          var text = document.getElementsByTagName("input")[0];
            text.addEventListener("focus",ofocus,false);
            text.addEventListener("blur",oblur,false);
            function ofocus(){
                if(this.value=="请输入内容"){
                    this.value = "";
                    text.style.color = "#000";
                }
            }
            function oblur(){
                if(this.value ==""){
                    this.value = "请输入内容";
                    text.style.color = "#ccc";
                }
            }

一开始默认颜色为灰色

11、

12、

            Array.prototype.repeat = function(){
                var tt = new Array();
                for(var i = 0;i<this.length;i++){
                    if(tt.indexOf(this[i]) == -1){
                        tt.push(this[i]);
                    }
                }
                return tt;
            }
            var arr = [0,0,1,1,2,8,8,2,45,656,4,45,2,3,3];
            alert(arr.repeat());

我感觉这是最简单的想法了，当然还有很多种写法

13、

如果是不知道css3弹性布局的话赶快去百度flex

        *{
            margin:0px;
            padding:0px;
        }
        .div{
            display:-moz-box;
            display:-webkit-box;
            width:400px;
            height: 40px;
            background-color: green;
        }
        .bc{
            background-color: white;
            margin: 10px;
        }
        .wd{
            width:200px;
        }