深圳xiezuo软件面试题

面试题 智学无忧-老曹

  

一、单项选择题(20题,每题3分)

1、我们想要将表格的文字放在靠上居中的位置,应该怎么办?(C)

A)align=”middle”  align=”top”      B)align=”center”  align=”top”

C)valign=”middle”  align=”top”     D)valign=”top”  align=”center”

 

2、A文件夹与B文件夹是同级文件夹,其中A下有a.htm,B下有b.htm文件,现在我们希望在a.htm文件中创建超链接,链接到b.htm,应该在a.htm页面代码中如何描述链接内容( C )

A)b.htm    B)././././B/b.htm  C../B/b.htm    D)../.. /b.htm

 

3、我希望制作一个表示左-上-下格式的框架页面(如下图)我们需要独立制作几个文件?()

           A)1     B)2    C)3  D4

 

4、如何在新窗口打开链接?()

A)<a href=”url” new>                B)<a href=”url” target=”_blank”>

C)<a href=”url” target=”new”>       D)<a href=”url” target=”_Parent”>

 

5、如何产生带有圆点列表符号的列表?()

   A)<dl>      B)<list>      C)<ol>      D)<ul>

 

6.如何使文本以大写字母开头?()

   A)text-transform:capitalize         B)无法通过CSS来完成

   C)text-transform:uppercase        D)text-transform:lowercase

 

7、以下选项不能实现清除浮动的是()

A)空div 

B)hover伪类选择器

C)clear属性

D)overflow属性

 

8、下列关于Alpha滤镜的说法错误的是()

   A)此滤镜主要用于设置某个元素的不透明度

   B)此滤镜中有一个参数opacity的意思是设置对象的不透明度取值,最大值为100%,最小值为0。

   C)另一个重要的参数为style是指设置不透明度的样式,若为一代表角度渐变,若为2指线性渐变。

   D此滤镜适合任何浏览器

 

9、有关z-index属性叙述正确的一项是()

   A)此属性必须与position属性一起使用才能发挥作用,此时position取任何值都可以

   B)此值越大,层的顺序越往下

   C)一般后添加的元素,其z-index越大

   D)即使上面的层没有任何内容也会挡住下面的层,使下面的层显示不出来

 

10、下列CSS文本样式属性中。文本对齐属性值不包括()

    Aauto    B)justify    C)center      D)right

11.对ul li 的样式设成无,应该是用什么属性()

A.list-type-style:none  B.list-style:none  C.li-style:none  D.li-list:none

12.以下()表达式产生一个0~7之间(含0,7)的随机整数

A.Math.floor(Math.random()*6)  B.Math.floor(Math.random()*7)

C.Math.floor(Math.random()*8) D.Math.ceil(Math.random()*8)

13.在使用Javascript实现省市级联菜单功能时,在添加城市列表前清空原来的下列选项的代码是()

A.document.myform.selCity.options.clear()    B.document.myform.selCity.options.deleteAll()

C.document.myform.selCity.options.length=0 D.document.myform.selCity.options.size=0

14.下列关于网页元素overflow的说法,正确的是()

A.指网页元素的位置,距离左边框和上边框的距离

B.指网页元素的位置,距离右边框和下边框的距离

C.指网页元素的定位方式,可以取值中包括absolute

D.指网页元素的内容溢出时,是否显示多余的内容

15.Javascript中制作图片可以代替按钮的提交效果需要手动提交方法submit(),以下调用正确的是()

A.submit()   B.myform.submit()  C.document.myform.submit()  D.window.myform.submit()

16.求一个表达式的值,可以使用的函数有()

A.eval()     B.isNaN()        C.parseInt()       D.parseFloat()    E.return()

17.下列对符号所表示的意义解释错误的是()

A.^(尖号):匹配字符串的开头    

B.$(美元符号):匹配字符串的结尾

C.?(问号):匹配前面的子表达式一次或者多次  

D.\(反斜杠):对特殊字符的特殊元字符含义进行转义

18.HTML表单的首要标记是<form>,<form>标记的参数method表示表单发送的方法,可能为get或post,下列关于get和post的描述正确的是()

A.post方法传递的数据对客服端是不可见的

B.get请求信息以查询字符串的形式发送,查询字符串长度没有大小限制

C.post方法对发送数据的数量限制在255个字符之内

D.get方法传递的数据对客服端是不可见的

19.分析Javascript代码段,var s1 = parseInt(“101中学”);document.write(s1);输出结果是()

A.NaN     B.101中学  C.101    D.出现脚本错误

20.下列表达式为真的()

A.null instanceof Object  B.null === undefined  C.null == undefined  D.NaN ==NaN

二、简述题(2题 每题10分)

   1、举例说出几个你使用过或者听说过前端JS框架名称,并简单描述。

 

   2、画出盒子模型视图、作必要标示。

      

 

三、编程题(1题 每题20分)

在网页中实现一个计算当年还剩多少时间的倒数计时程序,要求网页上实时动态显示”XX年还剩XX天XX时XX分XX秒”

    <!DOCTYPE HTML>

<html>

    <head>

      <meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8”>

      <title>倒计时</title>

   </head>

   <body>

      <input type=”text” value=”” id=”input” size=”500”>

   </body>

</html>

<script>
    
//年还剩
    
var txt = document.getElementById("input");
    
setInterval(function () {
        
//获取系统当前时间
        
var now = new Date();
        
//实例化今年跨年时间
        
var targDate = new Date(now.getFullYear() + 101);
        
//跨年时间与此时此刻时间差(毫秒)
        
var long = targDate - now;
        
var leftDay = parseInt(long / 1000 60 60 24);
        
long = long % (1000 60 60 24);
        
var leftHour =parseInt( long / 1000 60 60);
        
long = long % (1000 60 60);
        
var leftMinute = parseInt( long / 1000 60;
        
long = long % (1000 60 );
        
var leftSeconde = parseInt( long / 1000);
        
txt.value = now.getFullYear() + "年还剩" + leftDay
                + 
"天" + leftHour + "时"+leftMinute+"分"+leftSeconde+"秒";
    
}1000);
</script>

 

还能输出{{restrictNumber}}个字符  
  • {{reply.author}}

    {{CommonUtil.formateDate(reply.ac_CommentDate).shortTime}}
  • 回复了{{Comments.author}} :