前端相关题目

最新推荐文章于 2023-09-13 10:01:01 发布
IT_Octopus
最新推荐文章于 2023-09-13 10:01:01 发布
阅读量1.4k
点赞数
分类专栏：面试题
本文链接：https://blog.csdn.net/IT_Octopus/article/details/101903021
版权
面试题专栏收录该内容
4 篇文章 0 订阅
订阅专栏

(多选题)下面说法正确的有（）
A.P元素不能包含div 
B.Li元素的祖先元素可能是li，但父元素不可能是li 
C.Domtree的根节点是body元素 
D.Body内的元素的offsetparent一定存在 
【正确答案】A,B,D
【答案解析】1.p元素内部只能嵌套行内元素，不能嵌套块级元素。A说法正确；
2.li标签可以嵌套<ul><li></li></ul>,但是li标签必须嵌套在ul、ol标签里面。B说法正确；
3.所有元素的根节点都是html元素。C说法错误；
4.offsetparent是相对的意思，Body内的元素，不论怎么嵌套，offsetparent都是一定存在。D说法正确；

(单选题)请选择产生粗体字的 HTML 标签：
A.<bold> 
B.<bb> 
C.<b> 
D.<bld> 
【正确答案】C
【答案解析】html语言中加粗的标签有<b>和<strong>,或者使用css设置｛font-weight:bold｝


(单选题)下列属性中，不是 <a> 元素有效属性的是（）。
A.src 
B.href 
C.name 
D.target 
【正确答案】A
【答案解析】基本概念题，标签中没有src这个属性   <img>  <script> 等标签才有src  。<a>标签中是href


(单选题)css中clear的作用是什么？
A.清除该元素所有样式 
B.清楚该元素父元素的所有样式 
C.指明该元素周围不可出现浮动元素 
D.指明该元素的父元素周围不可出现浮动元素 
【正确答案】C
【答案解析】对于CSS的清除浮动(clear)，一定要牢记：这个规则只能影响使用清除的元素本身，不能影响其他元素。


(多选题)在使用table表现数据时，有时候表现出来的会比自己实际设置的宽度要宽，为此需要设置下面哪些属性值？
A.cellpadding=”0″ 
B.padding:0 
C.margin:0 
D.cellspacing=”0″ 
【正确答案】A,D
【答案解析】单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间单； 元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离。



(单选题)以下哪一条Javascript语句会产生运行错误？
A.var obj=( ); 
B.var obj=[ ]; 
C.var obj={ }; 
D.var obj=/ /; 
【正确答案】A
【答案解析】A，错误 B，声明obj为数组对象 C，声明obj为对象 D，声明obj为正则对象


(多选题)下面属于javascript基本数据类型的有？
A.字符串 
B.数字 
C.null 
D.undefined 
【正确答案】A,B,C,D
【答案解析】js五种基本类型：String Boolean Number null undefined


undefined值是通过null派生出来的，==时它会自动转化为null，所以返回true。不过如果用严格比较符===，不发生转化，将返回false。



(单选题)以下代码的输出结果是
var f = function g() {
    return 23;
};
typeof g();
A."number" 
B."undefined" 
C."function" 
D.Error 
【正确答案】D
【答案解析】如果是typeof f，结果是function 如果是typeof f()，结果是number 如果是typeof g，结果是undefined 如果是typeof g()，结果是ReferenceError，g is not defined


(单选题)写出如下代码弹出的结果:
<script> 
    var m= 1, j = k = 0; 
    function add(n) { 
        return n = n+1; 
　 } 
    y = add(m); 
    function add(n) { 
        return n = n + 3; 
    } 
z = add(m); 
</script> 
y和z的最终结果为:
A.2,4 
B.4,4 
C.2,2 
D.报异常 
【正确答案】B
【答案解析】js里面没有函数重载的概念，在其他语言中（如java）java中，可以存在同名函数， 只要传入的参数数量或者类型不同即可。在js中，定义了两个同名函数后， 后面的函数会覆盖前面定义的函数。结合这道题来说，由于函数声明提升， 所以函数声明会提前，由于存在同名函数，后面的add函数将覆盖第一个add函数， 所以两次调用add()返回的值是相同的。也就是y,z都为4.


(单选题)以下为一段浏览器中可运行的Javascript 代码，则运行该段Javascript代码的页面弹出框中显示的结果是：（）
var obj = {"key":"1","value":"2"};
var newObj = obj;
newObj.value += obj.key;
alert(obj.value);
A.2 
B.12 
C.3 
D.21 
【正确答案】D
【答案解析】newObj.value = 2; obj.key = '1'; newObj.value += obj.key; 相当于 newObj.value = newObj.value + obj.key; 所以 '2' + 1 在javascript中自动转化为字符串拼接操作得到 '21'
		正常JAVA中i+=a;  也是等价于 i = i+a; 顺序不能变



(单选题)下列代码：
var person={fname:"John",lname:"Doe",age:25};
var txt="";
for (x in person){
  txt=txt + person[x];
}
alert(txt);
输出为？
A.JohnDoe25 
B.fname:"John",lname:"Doe",age:25 
C.fname:John,lname:Doe,age:25 
D.fnamelnameage 
【正确答案】A
【答案解析】for in 中 x代表key值，所以取出的值为value


(单选题)如何把 7.25 四舍五入为最接近的整数？
A.round(7.25) 
B.rnd(7.25) 
C.Math.rnd(7.25) 
D.Math.round(7.25) 
【正确答案】D
【答案解析】◎Math.ceil()向上取整，即它总是将数值向上舍入为最接近的整数； ◎Math.floor()向下取整，即它总是将数值向下舍入为最接近的整数； ◎Math.round()标准取整，即它总是将数值四舍五入为最接近的整数(这也是我们在数学课上学到的舍入规则)

(单选题)如果想在网页显示后,动态地改变网页的标题（ ）
A.是不可能的 
B.通过document.write("新的标题内容") 
C.通过document.title=("新的标题内容") 
D.通过document.changeTitle("新的标题内容") 
【正确答案】C
【答题时间】2019-09-26 10:10:47
【答案解析】此题目考查的是设置文档标题 设置文档标题根据文档对象document的title属性 语法为document.title="文本"。 选项C正确。


(单选题)在使用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 
【正确答案】C
【答题时间】2019-09-26 10:10:47
【答案解析】此题目考查的是JS中清空下拉列表选项 选项AB均错误，JS中没有这两个函数 选项D错误，没有该属性 选项C正确，通过数组的length属性值为0清空。

(单选题)在WEB应用程序的目录结构中，在WEB-INF文件夹外的文件可以为:（）。
A.jar文件 
B.lass文件 
C.jsp文件 
D.web.xml文件 
【正确答案】C
【答题时间】2019-09-26 10:10:47
【答案解析】此题目考查的是web应用的目录结构。 可以将Jsp文件保存在WEB-INF文件夹外 故选项C正确。


(单选题)分析如下所示的HTML 页面代码，要实现1秒钟后刷新时钟显示，
应在下划线处添加的代码是（）。          
<html> 
	<head>  
		<script language = "javascript"> 
		function showTime(){ 
			var time = new Date（）；  
			document.forms[0].myClock.value
			= time.getHours()+":"
               + time.getMinutes()+":"+time.getSeconds(); 
			___________________________________
			//在此处添加代码 } 
		</script> 
	</head>  
	<body onLoad="showTime()">  
		<form name="form1" action="" method="">        
		 <input name = "myClock" 
                 type="text" value="" readonly="true"/> 
		</form> 
	</body> 
</html>
A.var myTime = setTimeout("showTime()",1);  
B.var myTime = setTimeout("showTime()",1000); 
C.var myTime = setTimeout(1); 
D.var myTime = setTimeout(1000); 
【正确答案】B
【答题时间】2019-09-26 10:10:47
【答案解析】此题目考查的是JS中设置定时器 setTimeout("",sec)函数用来设置定时器，sec单位是毫秒，1000毫秒表示1秒 故选项AC错误，定时器要传递调用的函数，故选项D错误 选项B正确。

(单选题)编写Javascript函数实现网页背景色选择器，下列选项中正确的是（）
A.function change(color){  window.bgColor=color;  } 
B.function change(color){  document.bgColor=color; } 
C.function change(color){  body.bgColor=color;} 
D.function change(color){  form.bgColor=color; } 
【正确答案】B
【答题时间】2019-09-26 10:10:47
【答案解析】此题目考查的是JS中动态设置文档背景色 文档的背景色需要通过document.bgColor，选项B正确。


(单选题)下列创建JavaScript对象的方式不正确的是：（）。
A.function User(name){
  this.name = name;
  this.show = function(){
    alert('ok');
  };
}
function f1(){
  var p = new User ("zs");
} 
B.function f2(){
  var person = {"name":"zs","sex":"女"};
} 
C.function f3(){
  var zs = new Object();
  zs.name = "marry";
} 
D.function Member(name){
  this.name = name;
  this.print = function(){
    alert('ok');
  };
}
function f1(){
  Member p = new Member("ls");
} 
【正确答案】D
【答题时间】2019-09-26 10:10:47
【答案解析】此题目考查的是JS中对象的创建 选项A正确，使用构造器的方式创建对象 选项B正确，使用JSON的语法创建对象 选项C正确，使用Object对象创建对象 选项D错误，JS属弱类型语言，定义对象不能指定类型。


(多选题)给定JSP程序源码如下：
<html>
<body>
<%  String name="JACK";%>
WELCOME，______
</body>
</html>
可以在下划线处插入并且能够在浏览器上正确输出“WELCOME，JACK”的语句是：（）。
A.<%=name;%>。 
B.<%=name%>。 
C.<% out.println(name);%>。 
D.<% out.println(name)%>。 
【正确答案】B,C
【答题时间】2019-09-26 10:10:47
【答案解析】JSP表达式等价于out.print()语句，故A是错误的，答案D少了一个";"号。


(多选题)在HTML页面中，下面关于Window对象的说法正确的是（）。
A.Window对象表示浏览器的窗口，可用于检索有关窗口状态的信息 
B.Window对象是浏览器所有内容的主容器 
C.如果文档定义了多个框架，浏览器只为原始文档创建一个Window对象，
无须为每个框架创建Window对象
 D.浏览器打开HTML文档时，通常会创建一个Window对象 
【正确答案】A,B,D
【答题时间】2019-09-26 10:10:47
【答案解析】此题目考查的是Window对象 选项C错误，浏览器会为每个框架建创建一个Window对象。


(多选题)obj对象有att属性,获取att属性的值，以下选项正确的是（）。
A.obj.att 
B.obj("att") 
C.obj["att"] 
D.obj["a"+"t"+"t"] 
【正确答案】A,C,D
【答题时间】2019-09-26 10:10:47
【答案解析】此题目考查的是JS中获取对象属性值的方式。 选项B错误，obj("att")该语法用来调用函数obj()，故错误。 ACD语法正确。


(多选题)以下属于JSP的指令的是（ ）
A.taglib      
B.include 
C.import   
D.page 
【正确答案】A,B,D
【答题时间】2019-09-26 10:10:47
【答案解析】此题目考查的是JSP指令，JSP中有page,include,taglib指令 故选项ABD正确。


(单选题)DOM为HTML文档定义了一个与平台无关的程序接口，
使用该接口不可以控制文档的（    ）  
A.内容 
B.脚本 
C.结构 
D.样式 
【正确答案】C
【答题时间】2019-09-29 07:01:25
【答案解析】此题目考查的是DOM中对象的函数和属性，不能控制文档结构 故选项C正确。


(单选题)HTML文本显示状态代码中,<SUB></SUB>表示（ ）。
A.文本加注下标线 
B.文本加注上标线 
C.文本闪烁 
D.文本或图片居中 
【正确答案】A
【答题时间】2019-09-29 07:01:25
【答案解析】本题目考查使用<sub></sub>标记设置文本下标显示。 选项A正确。


(多选题)阅读下列HTML代码片段
<table border="3">  
	<tr> 
		<td colspan="2" align="center">商品名称</td>
	</tr>  
	<tr> 
		<td rowspan="2" align="center">商品价格</td>
		<td align="center">出厂价格</td>
	</tr> 
	<tr>
		<td colspan=2 align="center">售出价格</td>
	</tr> 
<table> 
以下说法正确的是（ ）。
A."商品名称"单元格跨2列 
B.该表格中的文字均居中显示 
C.该表格的边框宽度为3cm 
D.该表格共有2行3列 
【正确答案】A,B
【答题时间】2019-09-29 07:01:25
【答案解析】此题目考查的是表格制作 选项A正确。商品名称单元格中 ,使用colspan="2"属性，表示合并列,一个单元格 跨2列 选项B正确，每个<td>中都使用align="center".故正确。 选项C错误，HTML中单位是像素 选项D错误，该表格中有3行。

:
(多选题)题目代码的功能是：使浏览器正文的“达内科技”显示成红色。
<html>
  <head>
    <style>
      《插入代码》
    </style>
  </head>
  <body>
    <div id="d_info" class="div_block">
      达内科技
    </div>
  </body>
</html>
在《插入代码》处，填入选项中的代码，能达到上述效果的是：（）。
×
A. div.div_block{color: red; font-size: 9pt}
B. .div_block{color: red; font-size: 9pt}
C. div.d_info{color: red; font-size: 9pt}
D. #d_info{color: red; font-size: 9pt}
【正确答案】[ A ] [ B ] [ D ]
【答题时间】2019-09-29 19:01:25
【答案解析】此题目考查的是类选择器和ID选择器。 div标记中定义了id和class选择器。设置样式可以 使用ID选择器和类选择器，选项ABD正确。
IT_Octopus
关注
0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端相关题目

(多选题)下面说法正确的有（）A.P元素不能包含div B.Li元素的祖先元素可能是li，但父元素不可能是li C.Domtree的根节点是body元素 D.Body内的元素的offsetparent一定存在【正确答案】A,B,D【答案解析】1.p元素内部只能嵌套行内元素，不能嵌套块级元素。A说法正确；2.li标签可以嵌套<ul><li></li&g...
复制链接

扫一扫
专栏目录