腾讯2015前端面试题

dl是自定义列表（definition list）

dt用来定义列表中的项目

dd用来描述项目

 



<dl>
    <dt>计算机</dt>
    <dd>用来计算的仪器 ... ...</dd>
    <dt>显示器</dt>
    <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>

如上是w3c官方示例，显示结果大致为：

计算机

用来计算的仪器 ... ...

显示器

以视觉方式显示信息的装置 ... ...

7.在bootstrap中，关于导航条，下列说法正确的是?

应该将被包裹的元素放到navbar-collapse类中  对

表单应该放置于navbar-form内   对

可以使用navbar-left和navbar-right来对齐导航条  对

可以使用navbar-fixed-top和navbar-fixed-bottom来将导航条固定到顶部或底部 对8.

8.以下是行内元素的有（）？

块内元素 div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table 行内元素：span, strong, em, br, img , input, label, select, textarea, cite

9. 下面关于IE、FF下面脚本的区别描述对的是？

innerText IE支持，FIREFOX不支持  错

document.createElement FIREFOX支持，IE不支持 错

setAttribute('class'，'styleClass') FIREFOX支持，IE不支持 对

用setAttribute设置事件 FIREFOX不支持，IE支持 错

10. 下面有关javascript内部对象的描述，正确的有？

History 对象包含用户（在浏览器窗口中）访问过的 URL

Location 对象包含有关当前 URL 的信息

Window 对象表示浏览器中打开的窗口

Navigator 对象包含有关浏览器的信息
全对

Navagator：提供有关浏览器的信息

Window：Window对象处于对象层次的最顶层，它提供了处理Navagator窗口的方法和属性

Location：提供了与当前打开的URL一起工作的方法和属性，是一个静态的对象

History：提供了与历史清单有关的信息

Document：包含与文档元素一起工作的对象，它将这些元素封装起来供编程人员使用

11.假设当前屏幕分别率为1024×768，定义一个居中的占屏幕一半大小的表格的语句是? (以下全对)

<TABLE ALIGN=”CENTER” WIDTH=”50%”></TABLE>

<TABLE ALIGN=”CENTER” WIDTH=”512″></TABLE>

<DIV ALIGN=”CENTER”><TABLE WIDTH=”512″></TABLE></DIV>

<CENTER><TABLE WIDTH=”50%”></TABLE></CENTER>

12网页html文档支持的图片格式有jpg , gif , png 和 bmp 这四种，jpg ， gif 和 png 格式的图片特点是体积很小，因为在网上很常见，然而 bmp就不常见了，因为这种格式虽然很清晰色彩丰富，但是所占内存很大，所以很少见，但是也是支持的。一共这4种。

13.
bootstrap中关于h标签

<h1>h1. Bootstrap heading <small>Secondary text</small></h1>

以下说法正确的是？

<h1>最大

<small>表示副标题

14. 下面属于CSS3新增属性的有？

CSS3新增属性用法整理：

1、box-shadow（阴影效果）

2、border-color（为边框设置多种颜色）

3、border-image（图片边框）

4、text-shadow（文本阴影）

5、text-overflow（文本截断）

6、word-wrap（自动换行）

7、border-radius（圆角边框）

8、opacity（透明度）

9、box-sizing（控制盒模型的组成模式）

10、resize（元素缩放）

11、outline（外边框）

12、background-size（指定背景图片尺寸）

13、background-origin（指定背景图片从哪里开始显示）

14、background-clip（指定背景图片从什么位置开始裁剪）

15、background（为一个元素指定多个背景）

16、hsl（通过色调、饱和度、亮度来指定颜色颜色值）

17、hsla（在hsl的基础上增加透明度设置）

18、rgba（基于rgb设置颜色，a设置透明度）

15.问一份标准的HTML文档有哪几个必须的HTML标签？

16.请给Array本地对象增加一个原型方法，它用于删除数组条目中重复的条目(可能有多个)，返回值是一个包含被删除的重复条目的新数组。

Array.prototype.distinct = function() {
    var ret = [];
    for (var i = 0; i < this.length; i++) {
       for (var j = i+1; j < this.length;) {
           if (this[i] === this[j]) {
               ret.push(this.splice(j, 1)[0]);
           } else {
               j++;
           }
       }
    }
    return ret;
   }
   //for test
console.log(['a','b','c','d','b','a','e'].distinct());

17.

请填充代码，使mySort()能使传入的参数按照从小到大的顺序显示出来。
function mySort() {
    var tags = new Array();//使用数组作为参数存储容器
    请补充你的代码
    return tags;//返回已经排序的数组
}
 
var result = mySort(50,11,16,32,24,99,57,100);/传入参数个数不确定
console.info(result);//显示结果

function mySort(){
    var tag = new Array()
    for( var i=0;i<arguments.length;i++){
        tag.push(arguments[i])
    }
    tag.sort(function(compare1,compare2){
        return compare1-compare2;
    })
    return tag;
}
var result = mySort(50,11,2,51,634,15)
console.log(result)

18.用javascript实现用户登录验证的代码。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
<body>
 
<form id="form1" action="" method="get">
    <input name="text1" type="text" value="" placeholder="name">
    <input type="password" name="pwd" placeholder="密码">
    <input name="text3" value="submit"  type="submit" onclick="subimtonclick()">
</form>
    <script language="JavaScript">
            function subimtonclick(){
                var form1=document.getElementById('form1');
                if(form1.text1.value==""){
                    alert("用户名不能为空");
                    form1.text1.focus();
                    return;
                }
                if(form1.text1.value.length<6 || form1.text1.value.length>10){
                    alert("用户名不能少于六个字符，不能超过十个字符");
                    form1.text1.focus();
                    return;
                }
 
                if(form1.pwd.value==""){
                    alert("密码不能为空");
                    form1.pwd.focus();
                    return;
                }
                if(form1.pwd.value.length<6 || form1.pwd.value.length>10){
                    alert("密码不能少于六个字符，不能超过十个字符");
                    form1.pwd.focus();
                    return;
                }
                var str="用户名："+form1.text1.value+"<br>"+
                        "密码："+form1.pwd.value+"<br>";
                document.writeln(str);
            }
</script>
</body>
</html>