面圈网
面试哥
注册登录
搜索
首页
社区
题库
问答广场
求职
职业考试
真题库
新
排行榜
教程
公司
发现
经验笔记
代码片段
技术栈
源码
在线文稿
资源下载
书库
首页
职业考试
WEB前端开发笔试题(1)
WEB前端开发笔试题(1)
时长:60分钟
总分:100分
896浏览
59人已完成答题
开始做题
题型介绍
题型
单选题
简答题
数量
15
1
WEB前端开发笔试题(1)
1.
阅读如下代码: var str1 = "abc123def456"; var str2 = str1.replace(/\d+/gi, "*"); 代码运行后,str2 的内容为()。
问题详情
查看答案
A. abc***def
B. abc***def***
C. abc*def
D. abc*def*
2.
阅读如下代码: var a1 = [1, 2, 12]; var a2 = [4, 23]; a1.concat(a2); a1.sort(); alert(a1.join(";")); 代码运行后,alert 方法弹出的内容为()。
问题详情
查看答案
A. 1;2;12
B. 1;12;2
C. 1;2;4;12;23
D. 1;12;2;23;4
3.
查看如下 JavaScript 代码: var a = "10"; var b = 10; if (a == b) alert("equal"); if (a === b) alert("same"); 此代码运行后,效果为()。
问题详情
查看答案
A. 只弹出”equal“
B. 只弹出”same“
C. 先弹出”equal“,再弹出”same“
D. 没有弹出显示
4.
查看如下 JavaScript 代码(用于得到录入数值的整数部分): function getInt() { var str = document.getElementById("txtData").value; if ( << 插入代码1 >> ) alert("请录入数值"); else { var data = << 插入代码2 >>; alert("整数部分为:" + data); } } 为实现所需功能,”插入代码1“和”插入代码2“处所需要的代码分别是()。
问题详情
查看答案
A. isNaN(str) 和 parseFloat(str)
B. !isNaN(str) 和 parseFloat(str)
C. isNaN(str) 和 parseInt(str)
D. !isNaN(str) 和 parseInt(str)
5.
.需要在 html 页面上引用脚本文件myJs.js,下列语句中,正确的是()。
问题详情
查看答案
A. <script language="javascript" href="myJs.js" type="text/javascript" />
B. <script language="javascript" src="myJs.js" type="text/javascript" />
C. .<script language="javascript" href="myJs.js" type="text/javascript"></script>
D. <script language="javascript" src="myJs.js" type="text/javascript"></script>
6.
有样式定义如下: div.parent { width:100px; height:70px; border:1px solid gray; } div.child { width:80px; height:30px; border:1px solid black; background-color:silver; } 同时,有 html 代码如下所示: <body> <div class="parent"> <div class="child">1</div> <div class="child" style="position:absolute;top:15px;">2</div> </div> </body> 第二个 div 在页面上的最终位置是()。
问题详情
查看答案
A. 其上边框距离其父元素(div) 为 15 px 距离
B. 其上边框距离 body 元素为 15 px 距离
C. 其上边框距离其原有位置为 15 px 距离
D. 使用默认位置,定位并未发生改变
7.
查看如下 html 代码: <div style="float:left;">div text</div> <p style="clear:left;">p text</p> 此代码在页面上的显示效果为()。
问题详情
查看答案
A. <div> 中的文本和 <p> 中的文本分两行显示,且文本左对齐
B. <div> 中的文本和 <p> 中的文本在一行上显示,且文本左对齐
C. <div> 中的文本和 <p> 中的文本分两行显示,且文本右对齐
D. <div> 中的文本和 <p> 中的文本在一行上显示,且文本右对齐
8.
查看如下样式定义: .A .B { font-weight:bold;} 下列选项中,文本加粗显示的是()。
问题详情
查看答案
A. <a class="A">文本A</a>
B. <a class="B">文本B</a>
C. <p class="A"><a class="B">文本C</a></p>
D. <p class="B"><a class="A">文本C</a></p>
9.
查看如下 html 代码: <div id="header"> <a href="help.html">帮助</a> </div> <p> <a href="home.html">主页</a> <a href="user.html">个人中心</a> </p> 现需要定义样式,实现:当鼠标移入”帮助“链接上时,文本”帮助“的字体大小变为 20pt,而其他链接不变。下列样式定义中,正确的是()。
问题详情
查看答案
A. a:hover {font-size:20pt;}
B. div.header a:hover {font-size:20pt;}
C. #header a {font-size:20pt;}
D. #header a:hover {font-size:20pt;}
10.
下列引用外部样式表 style1.css 的语句中,正确的是()。
问题详情
查看答案
A. <link src="style1.css" type="text/css" rel="stylesheet" />
B. <link href="style1.css" type="css" />
C. <link src="style1.css" type="text/css" />
D. <link href="style1.css" type="text/css" rel="stylesheet" />
11.
有内部样式表定义如下: <style type="text/css"> p{color:Red;font-size:15pt;} </style> 同时,有 html 代码如下所示: <p style="background-color:gray;color:Blue;">p text</p> 段落中的文本”p text“的最终显示效果是()。
问题详情
查看答案
A. 蓝色文本,字体大小为 15pt,背景色为灰色
B. 蓝色文本,默认字体大小,背景色为灰色
C. 蓝色文本,字体大小为 15pt,无背景色
D. 红色文本,字体大小为 15pt,无背景色
12.
下列方法中,能让网页中第5个div隐藏的是()。
问题详情
查看答案
A. $("div:5th-child").hide()
B. $("div:5th-child").hidden()
C. $("div:nth-child(5)").hide()
D. $("div:nth-child(5)").hidden()
13.
需要创建一个多选框,且和文本关联起来(单击文本就像单击核选框一样)。下列 HTML 代码中,正确的是()。
问题详情
查看答案
A. <input type="checkbox" /><label>记住我</label>
B. <input type="checkbox" /><label for="checkbox">记住我</label>
C. <input type="checkbox" id="c1" /><label>记住我</label>
D. <input type="checkbox" id="c1" /><label for="c1">记住我</label>
14.
下列HTML代码中,能在新窗口中打开新浪首页的是()。
问题详情
查看答案
A. <a src="http://www.sina.com.cn">新浪</a>
B. <a src="www.sina.com.cn" target="_blank">新浪</a>
C. <a href="http://www.sina.com.cn" target="_blank">新浪</a>
D. <a href="http://www.sina.com.cn">新浪</a>
15.
下列元素中,为行内元素的是()。
问题详情
查看答案
A. div
B. span
C. p
D. h3
16.
display:none和visibility:hidden的区别是什么?
问题详情
查看答案
开始测试
×
确定开始答题吗? 一旦开始,将马上开始计时。
提
问题
写
面经
写
文章
微信
公众号
扫码关注公众号
回到
顶部
登录
×
微信登录
账号登录
验证码登录
记住我
登 录
忘记密码?
没有帐户?
立即注册
获取短信验证码
登 录
没有帐户?
立即注册
注册帐号
×
获取短信验证码
我已阅读并同意
《服务协议》
注 册
已有帐号?
立即登录