百度前台js笔试题与答案

发布于 2016-12-08 09:18:38 | 322 次阅读 | 评论: 0 | 来源: 网友投递

JavaScript客户端脚本语言

Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。

第一题
编写一个方法求一个字符串的字节长度
第二题
如何控制alert中的换行
第三题
解释document.getElementById("ElementID").style.fontSize="1.5em"
第四题
将一个类似图中的效果分离成css和html
第五题
按照格式 xxxx年xx月xx日xx时xx分xx秒动态显示时间要求不足10的补0
第六题
编写一个方法去掉一个数组的重复元素
第七题
说出3条以上ff和ie的脚本兼容问题
第八题
按要求写一个简单的ajax示例简单的没意义就不写了
答案
第一题代码：

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

第二题：alert中的换行用\n

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

第三题：em是个相对单位。
第四题我就不做了。
第五题代码：

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

第六题代码：

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

第七题：同意winter的，另：IE有children，FF没有；IE有parentElement，FF没有；IE有innerText,outerText,outerHTML，FF没有；FF有HTMLElement,HTMLDivElement,XMLDocument,DocumentFragment,Node,Event,Element等等，IE没有；IE有数据岛，FF没有；IE跟FF创建HttpRequest实例的方法不一样。。等等。。
第八题代码：

<html> 
<head><title>loading</title></head> 
<body> 
<div>数据正在加载......</div> 
<script type="text/javascript"> 
var Browser={ 
    /** 
    Browser对象用于检测浏览器，其中用到了IE的条件编译 
    */ 
    /*@cc_on 
    isIE:true, 
    @*/ 
    isFF:window.navigator.appName.toUpperCase().indexOf("NETSCAPE")!=-1?true:false, 
    isOpera:window.navigator.appName.toUpperCase().indexOf("OPERA")!=-1?true:false 
}; 
Function.prototype.bind=function(object) 
{ 
    var _this=this; 
    return function() 
    { 
        _this.apply(object,arguments); 
    } 
} 
function HttpRequest() 
{ 
    this.async=true; 
    this.cache=false; 
    this.xmlhttp=function() 
    { 
        if(Browser.isFF&&window.XMLHttpRequest) 
        { 
            try{ 
                return new XMLHttpRequest(); 
            }catch(e){} 
        } 
        else if(Browser.isIE&&window.ActiveXObject) 
        { 
            var Version = [ 
                    "Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0", 
                    "Msxml2.XMLHTTP.3.0","Msxml2.XMLHTTP.2.6","Msxml2.XMLHTTP", 
                    "Microsoft.XMLHTTP.1.0","Microsoft.XMLHTTP.1","Microsoft.XMLHTTP" 
                ]; 
            for(var i=0;i<Version.length;i++) 
            { 
                try{ 
                    return new ActiveXObject(Version[i]); 
                }catch(e){} 
            } 
        } 
    }()||false; 
} 
HttpRequest.prototype={ 
    send:function(object,url,callback) 
    { 
        if(!this.xmlhttp) return; 
        this.xmlhttp.open(object?"post":"get",url,!!this.async); 
        if(object) this.xmlhttp.setRequestHeader("content-type","application/x-www-form-urlencoded"); 
        if(!this.cache) 
        { 
            this.xmlhttp.setRequestHeader("No-Cache","1"); 
            this.xmlhttp.setRequestHeader("Pragma","no-cache"); 
            this.xmlhttp.setRequestHeader("Cache-Control","no-cache"); 
            this.xmlhttp.setRequestHeader("Expire","0"); 
            this.xmlhttp.setRequestHeader("Last-Modified","Wed, 1 Jan 1997 00:00:00 GMT"); 
            this.xmlhttp.setRequestHeader("If-Modified-Since","-1"); 
        } 
        if(!this.callback) this.callback=callback; 
        if(!this.async) 
        { 
            if(typeof(this.callback)=="string") 
            { 
                eval(this.callback); 
            } 
            else if(typeof(this.callback)=="function") 
            { 
                this.callback(this.xmlhttp); 
            } 
        } 
        else 
        { 
            this.xmlhttp.onreadystatechange=function() 
            { 
                if(this.xmlhttp.readyState==4) 
                { 
                    if(this.xmlhttp.status==0||this.xmlhttp.status==200) 
                    { 
                        if(typeof(this.callback)=="string") 
                        { 
                            eval(this.callback); 
                        } 
                        else if(typeof(this.callback)=="function") 
                        { 
                            this.callback(this.xmlhttp); 
                        } 
                    } 
                } 
            }.bind(this); 
        } 
        this.xmlhttp.send(object); 
    }, 
    abort:function() 
    { 
        if(this.xmlhttp&&this.xmlhttp.abort) this.xmlhttp.abort(); 
    } 
}; 
//ajax类定义结束 
new HttpRequest().send(null,"http://bbs.51js.com/index.php", 
function(r) 
{ 
        document.getElementById("load").innerHTML=r.responseText.match(/<img.*?(?:\/)?>/img).join(""); 
}); 
</script> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

这么认真啊第一题函数定义最好加括号
好像只有表达式里可以不加括号（难道想秀一下:P）
另外第八题你写得太夸张了大概就是这么个东西
OXMLHttprequest=new XMLHttpRequest();
OXMLHttprequest.open("post","/XXX.php",true)
OXMLHttprequest.onReadyStateChange=function()
{
    if(OXMLHttprequest.readyState!=4)continue;
    alert(OXMLHttprequest.responseText);
    OXMLHttprequest.onReadyStateChange=null;
    OXMLHttprequest=null;
}
OXMLHttprequest.send("domain=baidu");

JavaScript客户端脚本语言

后端技术

前端技术

数据库

热门框架

常用IDE

其他