zoukankan      html  css  js  c++  java
  • 前端笔试题总结2

    HTML

    1..innerHTML,innerText,outerHTML,innerText的区别?

    •innerHTML 设置或获取位于对象起始和结束标签内的 HTML 
    •outerHTML 设置或获取对象及其内容的 HTML 形式 
    •innerText 设置或获取位于对象起始和结束标签内的文本 
    •outerText 设置(包括标签)或获取(不包括标签)对象的文本 

    2.form中的input有哪些类型?各是做什么处理使用的?

    button:普通按钮

    submit:提交按钮

    reset:重置表单按钮

    image:图片按钮

    text:文本

    password:密码

    file:上传文件

    radio:单选框

    checkbox:复选框

    hidden:隐藏

    3.table标签中border,cellpadding , td标签中colspan,rowspan分别起什么作用?

    border:边框

    cellpadding:边距

    colspan:跨列数

    rowspan:跨行数

    4.说几条XHTML规范的内容(至少3条)

    属性加引号,标签闭合等

    5.如何将网页中用gb2312编码形式编写的HTML文件转换成utf-8编码形式的HTML文档?

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    这句话改成
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    或者用dw、sublime text进行转码

    6.js的转向函数是什么

    window.location.href   

    JS

    1.以下哪个单词不属于javascript保留字:() 
    A. with 
    B. parent 
    C. class 
    D. void 

    【答案】B

    2.以下哪些是javascript的全局函数:( 
    A. escape 
    B. parseFloat 
    C. eval 
    D. setTimeout 
    E. alert 

    【解析】JavaScript 中包含以下 7 个全局函数:escape( )、eval( )、isFinite( )、isNaN( )、parseFloat( )、parseInt( )、unescape( )。

    【答案】ABC

    3.谈谈javascript数组排序方法sort()的使用,重点介绍sort()参数的使用及其内部机制

    sort方法用于对数组进行排序,默认是按照从小到大排列。它的参数是个闭包函数,用来确定排序规则,如果有参数,就会按照参数的返回值的正负来判断怎么排序,比如arr.sort(function(a,b){return a-b;}),若果返回值是正数,就把b排到a前面,相当于一个简写的冒泡排序法。

    4.对方法声明中的错误代码:function Add(int i1,int i2) 分析正确的是()

    A.参数不能指定数据类型

    B.没有指定返回类型

    C.没有指定访问

    D.Function不是方法声明的关键字

    【解析】js 是弱类型语言,参数不要也没办法指定数据类型。

    【答案】A

    5.下列选项中,描述正确的是( )

    A.options.add(new Option(’b’,’B’))可以动态添加一个下拉列表选项

    B.option.add(new Option(‘b’,’B’))可以动态添加一个下拉列表选项

    C.new Option(‘b’,’B’)中’b’表示列表选项的值,’B’用于页面中显示

    D.new Option(‘b’,’B’)中’B’表示列表选项的值,’b’用于页面中显示

    obj.add(new Option("文本","值"));    //方法一:
    obj.options.add(new Option("text","value")); //方法二:
    for(var i=0;i<10;i++){
        obj.options[i]=new Option("新文本","新值");    //方法三:
    }
    

    【答案】AD

    6.在JavaScript中以下哪个变量名是非法的()

    A._loves1

    B.8loves

    C.Loves

    D.love@$s

    【解析】变量必须以字母开头(也可以$或_,不过不建议)

    【答案】B

    7.JavaScript是运行在()的脚本语言

    A.服务器端

    B.客户端

    C.在服务器运行后,把结果返回到客户端

    D.在客户端运行后,把结果返回到服务器

    js是一种客户端脚本语言,而asp、php才是服务器端语言
    

    8.分析下面的JavaScript代码段,输出的结果是()

    emp = new Array(5);
    emp[1]=1;
    emp[2]=2;
    document.write(emp.length);

    A.2

    B.3

    C.4

    D.5

    【解析】数组定义:var myArray=new Array(),括号里规定了数组的长度

    【答案】D

    9.以下代码错误的是()
    var name = document.myform.txtName.value;   第一行
    if(name.length= =””)                                       第二行
    {
         confirm(“姓名不能为空!”);                            第三行
         return false;
    }

    A.第一行

    B.第二行

    C.第三行

    D.没  有

    【解析】判断对象为不为空,应该用name.value或name.value.length

    【答案】B

    10.JavaScript中的关系运算符不包含()

    A.==

    B.<=

    C.>=

    D.< 

    【解析】关系运算符:小于,小于等于,大于,大于等于(等号、非等号和全等号、非全等号属于等性运算符)

    【答案】A

    11.假定今天是2006年4月1日星期六,请问下列JavaScript代码在页面上的输出结果是(     )。

    var time=new Date();

    document.write(time.getDate());

    A. 2006

    B. 4

    C. 1

    D. 6

    【解析】返回某一天

    注:getMonth()是实际月数-1,且个位数字不用在前面加0

    getDay()获得具体星期几,是数字

    【答案】C

    12.在HTML中,使用JavaScript中的浏览器对象实现在当前窗口打开链接"http://www.baidu.com"的javascript语句是(     )

     A. window.open("http://www.baidu.com");

     B. document.write("http://www.baidu.com");

     C. location.replace("http://www.baidu.com");

     D. location.reload("http://www.baidu.com");

    【解析】window.open()是新窗口打开

    location.replace()用新的文档替换当前文档

    location.reload()重新加载当前文档,不停闪烁

    【答案】C

    13.在进行表单验证时,当填写的文本框信息有错误时,通常会在文本框后面用红色的特殊字体显示错误信息,那么这种即时错误信息是在文本框发生了(     )事件后产生的

    A. onfocus    B. onblur    C. onchange      D. onclick

    【答案】B

    14.下列哪个函数可以将参数字符串当成Javascript程序代码执行?(    )
    A. eval()     B.  escape()      C. encodeURI()       D.  toString()

    【解析】eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。

    如eval("x=10;y=20;document.write(x*y)";

    document.write(eval("2+2"));

    var x=10;document.write(eval(x+17));

    实际用的情况不多

    【答案】A

    15.下列哪个函数可以用来判断参数是否为有限值?(    )
    A.isNumber()      B.  isFinite()      C. isNull()     D.  isNaN()

    【解析】isFinite()函数用于检查其参数是否是无穷大

    如果是有限数字则返回true,如如果不是数字或者是正、负无穷大的数,则返回false

    【答案】B

    16.下列各运算符中,______优先级最高。
    A.+    B. &&     C. ==    D. *=

    【解析】

    运算符 描述
    . [] () 字段访问、数组下标、函数调用以及表达式分组
    ++ -- - ~ ! delete new typeof void 一元运算符、返回数据类型、对象创建、未定义值
    * / % 乘法、除法、取模
    + - + 加法、减法、字符串连接
    << >> >>> 移位
    < <= > >= instanceof 小于、小于等于、大于、大于等于、instanceof
    == != === !== 等于、不等于、严格相等、非严格相等
    & 按位与
    ^ 按位异或
    | 按位或
    && 逻辑与
    || 逻辑或
    ?: 条件
    = oP= 赋值、运算赋值
    , 多重求值

    *=属于赋值运算

    【答案】B

    17.表达式7^12*12-4^7的值是______。
    A.7    B.  644     C.  140   D. 340

    【解析】运算符操作顺序: *>->^,所以是7^140^7,经过两次异或,值不变

    【答案】C

    18.对于下面的表格:
    <table border="1" width="30%" id="t1">
        <tbody id="b1">
        <tr>
                <td> </td><td> </td>
        </tr>
        <tr>
            <td> </td><td> </td>
        </tr>
        <tr>
            <td> </td><td> </td>
        </tr>
        </tbody>
    </table>
    可以删除表格所有行的代码是:

    A.  
     var tb = document.getElementById("t1");
     var rows = tb.getElementsByTagName("tr");
     for(var i=rows.length-1;i>=0;i--) {
       tb.removeChild(rows[i]);
     }
    B.  
     var tb = document.getElementById("b1");
     var rows = tb.getElementsByTagName("tr");
     for(var i=rows.length-1;i>=0;i--) {
       tb.removeChild(rows[i]);
     }  
    C.  
     var tb = document.getElementById("t1");
     for(var i=tb.rows.length-1; i>=0;i--) {
        tb.deleteRow(i);
     }  
    D.  
     var tb = document.getElementById("b1");
     for(var i=tb.rows.length-1; i>=0;i--) {
        tb.deleteRow(i);
     }

    【解析】table不能直接用removeChild删除tr,而tbody可以

    【答案】BCD

    19.执行代码的值

    var i=9;
    function fo(){
        var i=0;
        return function(n){
            return n+i++;
    //return n+++i;
    //return n+(++i); } }; var f=fo(); var a = f(15);alert(a); var b = fo()(15);alert(b); var c = fo()(20); alert(c); var d = f(20);alert(d);

    【解析】外面的i是全局变量,不会影响到里面的函数,注意a和d是同一块区域内执行,而b和c不相互影响,重新开辟了2块区域,a和d相当于

    var a=function f(){return n+i++;} 

    return i++;   //先赋值再自加运算

    return ++i;   //先自加运算再赋值

    所以return n+i++;即n和i先相加,然后i再累加

    return n+++i;即n先和i相加,然后n自己再累加

    return n+(++i);即i先累加,然后n和i再相加

    【答案】15 15 20 21

    15 15 20 20

    16 16 21 22

    20.判断浏览器(如判断谷歌)

    if(window.navigator.userAgent.indexOf('Chrome')!=-1){
        alert("谷歌浏览器");
    }
    

    21.不同浏览器下,点击元素,弹出该元素的标签

    document.onclick=function(e){
        e=event.target ||event.srcElement;
        alert(e.tagName);
    }
    

    22.alert()里内容换行

    要换行的内容后面加\n 

    23.null==undefined的值?

    true

    24.eval是什么?
    答:eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。

    25.var a=5;

    alert(a++);

    alert(++a);

    输出:5 7

    a++先赋值后运算,虽然弹出的值不变可是弹出完了,他的值还是自增了

    26.new关键字后的构造函数中的this指向用该构造函数构造出来的新对象:

    27.alert('5'-'3');

    alert('5'-3);

    都输出2

    只有加法会进行字符串拼接

    别的都直接算数运算

    如果是字符串相减 会输出NaN

    28.

    var foo = {   
        bar: function() { return this.baz; },   
        baz: 1  
    };  
    (function(){   
        return typeof arguments[0]();  
    })(foo.bar);  
    

    匿名函数执行后返回this.baz,这时候的this指向window

    所以输出undefined

  • 相关阅读:
    css3 3d 转换
    css3 动画序列
    css3 动画
    2d 转换之缩放
    2d 转换中心点
    css3 书写 动画三角形
    2d 旋转
    2D转换
    伪元素 字体图标
    风陵01
  • 原文地址:https://www.cnblogs.com/zhangwenkan/p/4232256.html
Copyright © 2011-2022 走看看